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1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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KATA PENGANTAR 


Puji syukur saya panjatkan atas segala nikmat Tuhan Yang Maha 
Esa berikan. Hanya karena-Nya lah saya diberikan kesempatan 
untuk mendalami sedikit ilmu mengenai WordPress dan dapat 
membagikan ilmu tersebut melalui buku ini. Tak lupa juga, saya 
ucapkan terima kasih kepada kedua orang tua saya yang selalu 
mendukung setiap langkah saya sejauh ini. 


Bagi beberapa kalangan seperti blogger maupun programmer, 
nampaknya sudah tidak asing dengan WordPress. WordPress 
merupakan satu dari sekian banyak Content Management System 
yang dapat kita pergunakan untuk membangun website dengan 
mudah. Dengan menggunakan WordPress, saat ini kita tidak lagi 
harus mempelajari web programming alias koding untuk membuat 
sebuah website, hanya perlu “klik, klik, klik” dalam beberapa jam 
saja website yang kita butuhkan sudah bisa dipublikasikan. 


Di sisi lain, saya memahami bahwa masih banyak kalangan lainnya 
yang tidak mengerti sama sekali cara pembuatan website tanpa 
koding. Yang mereka tahu, untuk membuat sebuah website 
diperlukan gelar sarjana komputer terlebih dahulu. Padahal 
kebutuhan akan website di era ini amatlah penting. Dari para 
penulis, guru, organisasi, UMKM, koperasi, startup, bahkan 
freelancer sudah pasti membutuhkan website untuk mendukung 
bisnis dan pekerjaannya. Dari sanalah saya memberanikan diri 
untuk menulis satu buku belajar yang akan mengupas secara 
lengkap dan mendalam penggunaan WordPress untuk 
membangun sebuah website. 


Buku ini saya tulis selengkap mungkin dari mulai fundamental 
hingga studi kasus. Saya berharap dengan begitu buku ini benar- 
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benar akan menjadi buku pembelajaran yang akan mengakomodasi 
teman-teman pembaca untuk bisa mahir membuat website jenis 
apapun dengan menggunakan WordPress. Selain itu saya 
melengkapi buku ini dengan semua hal yang berkaitan dengan 
pengembangan website seperti manajemen hosting, SEO, 
keamanan website, monetisasi, optimasi kecepatan, freelance, dan 
masih banyak lagi. “Pokoknya super lengkap deh!”. 


Buat temen-temen yang sudah gak sabar belajar WordPress, saya 
sarankan untuk tidak melewatkan satu bagian pun dari buku ini. 
“Capcus!” Saatnya kita belajar. 


Bandung, 25 September 2021 
Muhammad Fadillah Arsa 


6 | Muhammad Fadillah Arsa 


DAFTAR ISI 


KATA PENGANTAR ersinirer binaan nan taun 5 
BAB PENDAHULUAN ken isetsnan sana Dena anna Pe 
1.1. Berkenalan dengan WordPress................ooooo. 15 
1.2. Perbedaan WordPress.com dengan WordPress.org ........... 17 
1.3. Manfaat Mempelajari WordPress................oooo. 19 
BAB II PEMASANGAN WORDPRESS............. oo 21 
2.1. Kebutuhan Pemasangan WordPress ................ 21 
2.2. Tips Memilih Domain...» 22 
2.3. Tips Memilih Hosting ..............oooWooWo Wo 23 
2.4. Pembelian Hosting dan Domain... 24 
2.5. Pemasangan WordPress di Hosting................ooo 30 
2.6. Menggunakan Hosting dan Domain Gratis 000webhost ...39 
2.1. Menggunakan Hosting dan Domain Gratis Pantheon........ 45 
2.8. Pemasangan WordPress di Localhost.................oo. 49 
BAB III PENGATURAN AWAL nee... noer nenen. 58 
3.1. Pengaturan UMUM ..........ooooWooooo Wanna 58 
3.2. Pengaturan Menulis ...............ooooooWooWoW 59 
3.3. Pengaturan Membaca.................ooooooWomooo 59 
3.4. Pengaturan DiSkuSi ...............oooo Won 60 
3.5. Pengaturan Permalink ..............ooooooooWoooco 60 
3.6. Pengaturan Privasi ..............ooo onani 61 
3.1. Pengaturan- Akun... deninnknnn Rana na Ban 61 
BAB IV WORDPRESS DASAR nee... oom ooon nenen. 63 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 7 


A2 POS enam angan asma Sa nana 64 
A3 Kategori POS: nenas ungangsasa 70 
4/AMediar sesat nan ba An am aa 71 
AS Laman (ina RE nan Nan UN udaa 13 
4:0, IKOMENEAT peni Beserta berendam Basa gsntaa 74 
4 Ii MENU nisan mn bund NNnngaunannisn nana 15 
4:8 Id SEE, ente naa EN NENEK Tg 
A DEV EMAS AAN SSB using 79 
4 NOS PIUSIN 2 en gNnan ganas namu nu na 82 
4.11. Avatar (Foto Profil) Akun... 84 
BAB V MEMBUAT POS TINGKAT LANJUT nan... 87 
5.1. Shortcode Serba Guna................ooooooocca 87 
9.2 ClaSS1CEditoOf 215 dnet A SEE SBN NN 90 
5.3. Mengubah Jenis Font ...........o.oooooooo oo. 91 
5.4. Menambahkan Vidio Beragam Format ..............o. 94 
55..Page Bullder: esensi nana neha Bana 95 
5.0. Duplikasi POS.» nang nga nunung 104 
3/2 DOCK TOPOS ee APA TA BAN NN RN 105 
BAB VI MEMBUAT BLOG PRIBADI... 109 
6:1 Menata TEMA Sa ANE NA anta an anna 109 
6.2. Menyesuaikan Tema ...........ooWoo cc. 110 
6.3. Mengatur Footer...............ooooWoo oo W#W. 112 
6.4. Mengatur Menu............ooooooWooolkaaaa. 113 
6.5. Page Navigation... 114 


8 | Muhammad Fadillah Arsa 


6.6: Page: NavISatTON Wee 00 Pen nan mahin Biasa aka 116 


67»50c1al Sharing ae benteng nd aman aninna 117 
6.8. Mencegah Komentar Spam... 120 
6.9. Disgus untuk Komentar ..............oooo oom. 120 
BAB VII MEMBUAT WEBSITE CV & PORTOFOLIO .125 
7.1. Metode Pembuatan Website CV .............oo.ooooo. 125 
7.2. Membuat Website CV dengan Elementor....................... 127 
7.3. Membuat Website Portofolio ................oooooo. 129 
7.4. Menggunakan Plugin Portofolio ..............ooooo. 136 
BAB VIII MEMBUAT LANDING PAGE win m.m 140 
91: Memilih Temari en user best babakan 140 
8.2. Menyesuaikan Tema & Persiapan ..................ooo 140 
8.3. Membuat Hero Section ...............oocoooWoooc. 141 
8.4. Membuat About SecCtiOn .............ooooWooca 143 
8.5. Membuat Features Section ..............o..oooo 144 
8.6. Membuat Gallery Section ...............ooooooo 146 
8.7. Membuat Testimonial SectiOn ...............ooo 147 
8.8. Membuat FAO SectiOn ...........ooooooo 148 
8.9. Membuat Formulir Kontak Email...............oooo 150 
8.10. Membuat Formulir Kontak WhatsApp................ 153 
BAB IX MEMBUAT WEBSITE ORGANISASL............... 161 
9.1. Pengelolaan Tipe Akun...» 161 
9.2. Membuat Kalender Kegiatan ...................oo. 162 
9.3. Membuat Formulir Pendataan ...................oo. 165 
9.4. Membuat Kuis/Latihan Soal..............oooooo. 169 
9.5. Membuat Fitur Forum... WWW. 174 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 9 


9.6. Membuat Sejarah/Timeline Organisasi ................ 177 


9.7. Membuat Halaman Anggota Organisasi....................... 180 
9.8. Cara Embed Google Form di Website.......................... 183 
BAB X MEMBUAT TOKO ONLINE mna indir ornamen. 185 
10.1. Memasang Plugin WooCoommetrce ..............oo. 185 
10:2.- Mengatur TEMA koe ntetenbatsen an anik 187 
10.3. Mengatur Pengaturan Akun WooCommerce................. 189 
10.4. Menambahkan Produk Baru.................oooo. 190 
10.5. Membuat Kupon Diskon...» 194 
10.6. Mengatur Metode Pembayaran..................oooo. 196 
10.7. Membuat Halaman Ketentuan Pembelian ..................... 197 
10.8. Proses Penjualan Produk .................ooooooo. 198 
10.9. Kustomisasi Formulir Detail Tagihan ...................... 203 
10.10. Kode Unik Pembayaran ................ooooooo. 205 
10.11. Menambahkan Pilihan Kurir Sederhana...................... 206 
10.12. Cek Ongkir Otomatis Kurir Indonesia......................... 209 
10.13. Formulir Konfirmasi Pembayaran ...............o.. 213 
10.14. Integrasi Payment Gateway Midtrans...............o.. 215 
10.15. Click to Chat WhatSApp ..........oooooooo. 219 
10.16. Toko Online Berbasis WhatsApp .................o. 221 
BAB XI MEMBUAT KURSUS ONLINE ni... 223 
11.1. Mengatur Pengaturan Keanggotaan WordPress ............ 225 
11.2. Memasang Plugin LearnPress ................ooooo. 225 
11.3. Mengatur Tema..........ooooooo ok. 221 
11.4. Menyesuaikan Tema .........oooWoo oo. 228 


10 | Muhammad Fadillah Arsa 


11.5. Membuat Akun Pengajar.................ooooooo. 237 
11.6. Membuat Kelas ...............oooWoooooW. 237 
11.7. Melihat Konten Kursus...» 241 
11.8. Mengatur Konten Kursus ...............ooooooom. 242 
11.9. Melakukan Penjualan Kursus.................ooooo. 244 
11.10. Addons LearnPress ................oooooooom. 249 
BAB XII SOCIAL LOGIN & REGISTRATION............... 25 
12.1. Tentang Social Login & Resgistration...................... 251 
12.2. Mengatur Facebook LOgin ............ooo. 252 
12.3. Mengatur Google LO8in .........ooooo. 258 
12.4. Mengatur Twitter Login... 264 
BAB XIII MONETISASI WEBSITE .........oo mna 271 
13.1: G009IE-AGSENnSEL aah Rena hana ngasi 271 
13.2. Melakukan Ternak Blog Adsense ................ooo. 218 
13.3. Memasang Slot Iklan Mandifi...............oooooo. 219 
13.4. Mengikuti Program AffiliaSi ...............ooooooWo. 280 
13.5. Monetisasi Artikel..................oooooccccaa. 281 
13.6. Memasang Shortlink dengan Iklan.................o. 282 
BAB XIV SEARCH ENGINE OPTIMIZATION ............... 284 
14.1. Mengenal SEO. serie kena asn anna anna 284 
14.2. Yoast SEO untuk Optimasi SEO Artikel................ 285 
VA ASK EMAP 1 3 NN NN usus 288 
14.4. Google Search Console ............ooooo cc 289 
14.5. Menganalisis Tren dengan Google Trends..................... 292 
14:6: SEO:O1: Pagei 2 enngnnngan panen 294 
14-7.SEO.OEf Paser Mnet laun ana Banana 296 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 11 


14.8. Mengenal DA dan PA Website ..............ooooo. 297 


BAB XV GOOGLE ANALYTICS “oo... .nnnnnnnnnnnnna 299 
15.1. Tentang Google Analytics...............ooooo. 299 
15.2. Mendaftar Google Analytics ............o...ooooWoo. 299 
15.3. Melakukan Analisis... 301 

BAB XVI SPEED OPTIMIZATION oom 304 
16.1. Mengecek Kecepatan Website ................ooooo 304 
16.2. 'Mmify CSS dan IS en anna na san 307 
1623::Plugim' Cathess Anna Tana nan una 308 
16.4. Penggunaan Format Gambar .................ooooo. 309 
16.5. Kompresi Gambar .............oooWoo oo W##W. 310 
16.6. Upgrade Paket Hosting..................ooooooo. 311 

BAB XVII KEAMANAN WORDPRESS ii. 314 
Tel: Limit LO gura. en ena Dena ena han 314 
17.2. Memasang Captcha Login/RegiSter.............o. 315 
17.3. Menyembunyikan Login ...........oooooooom. 317 
17.4. Plugin Keamanan Terpadu ..............oooooo. 319 
17.5. Pengaturan Htaccess..................ooooom 320 
17.6. Menghindari Nulled Tema/Plugin............oo 321 
17.7. Tips Tambahan Keamanan WordPress....................... 321 

BAB XVIII FREELANCE ee...» om oommnnnnnnnnnnnnnnnnnnaaan 324 
18.1. Tata Cara Jadi Freelance WordPress..............oo. 324 
18.2. Tata Cara Menentukan Harga Layanan.......................... 325 
18.3. Slide dan Surat Penawaran Jasa ..............oooo. 326 
18.4. Contoh Peluang Freelance WordPress........................ 326 
18.5. Sasaran Jasa Pembuatan Website .................oooo. 328 


12 | Muhammad Fadillah Arsa 


19.1. Reset Total WordPress.................ooooooom 330 
19.2. Mengatur Email SMTP dengan Metode Standar........... 331 
19.3. Mengatur Email SMTP dengan SMTP2GO..............i... 335 
19.4. Translasi Theme/Plugin ...........ooocccmc. 340 
19.5. Membuat Subdomain di cPanel..................oooo 343 
19.6. Mengatur Versi PHP di cPanel...............ooooo. 344 
19.7. Mengubah Batas-batas Pengaturan PHP........................ 345 
19.8. Migrasi WordPress ke Hosting/Domain Baru ................ 345 
19.9. Migrasi WordPress dari Localhost ke Hosting.............. 347 
BAB XX BONUS & INFO aoi 2oorvnnenan santan naas nana naannnnanann 356 
20.1. Bonus: Forum Diskusi dan Konsultasi ......................... 356 
20.2. Bonus: Kelas Online WordPress ................o.ooo 356 
20.3. Info Kursus Digital..................ooooooom. 357 
20.4. Info Jasa Desain Grafis .................ooooooooWoo. 357 
TENTANG PENULIS penanam aEN Tek 358 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 13 


“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 


14 | Muhammad Fadillah Arsa 


BABI 
PENDAHULUAN 


“Tak kenal, maka tak sayang”. Merujuk pepatah tersebut, sebelum 
kita mulai belajar praktek pembuatan website dengan WordPress, 
alangkah baiknya pada bab pertama kita sisihkan waktu untuk 
berkenalan terlebih dahulu dengan WordPress. 


1.1. Berkenalan dengan WordPress 

Kalau kita membuka website id.wordpress.org yang merupakan 
laman resmi pengembang WordPress, kita bisa temukan bahwa 
“WordPress adalah sebuah perangkat lunak open source yang 
dapat anda gunakan untuk membuat situs web yang menarik 
sepertis blog, atau aplikasi.”. 


Wordpress merupakan Content Management System (CMS) 
terpopuler saat ini. CMS memudahkan kita untuk membuat website 
tanpa harus melakukan koding secara manual. Semua pengaturan 
dilakukan menggunakan Graphic User Interface yang mudah 
dimengerti semua orang. 


Sebagai perbandingan, saya bisa menghabiskan waktu minimal 1 
hari untuk membuat website blog dengan koding manual. Namun, 
dengan menggunakan WordPress saya hanya butuh waktu 10 


menit saja. 
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ml —we | 
Gambar: Halaman Beranda Website id.wordpress.org 


Tertulis dalam website tersebut juga, kurang lebih 4245 website 
yang ada di dunia ini dibangun dengan wordpress. Itu karena 
hampir semua jenis website dapat dibangun dengan wordpress. 
Dari mulai blog, web berita, company profile, landing page, web 
forum, kursus online, atau toko online pun bisa dibuat. 


Besarnya pengguna WordPress tidak lain dikarenakan kelebihan- 
kelebihan yang diberikan oleh WordPress itu sendiri. WordPress 
menyediakan fitur yang sangat banyak yang dapat kita pergunakan 
untuk membuat website seperti yang kita inginkan. Kemudian, 
dukungan komunitas yang tinggi juga membuat WordPress 
nampak tak tertandingi. Dan yang paling penting, gratis. 
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Gambar: Fitur-fitur WordPress (id.wordpress.org) 


1.2. Perbedaan WordPress.com dengan WordPress.org 


Bagi yang baru mengenal WordPress, saya jamin semua akan 
menyangka CMS WordPress hanyalah wordpress.com. Faktanya 
tidak seperti itu, sampai saat ini WordPress menyediakan dua 
layanan yaitu WordPress.com dan WordPress.org. 


a. WordPress.com 


Biasanya pelajar tingkat menengah akan diperkenalkan oleh 
gurunya cara membuat blog dengan menggunakan 
WordPress.com. WordPress.com adalah platform Content 
Management System (CMS) diperuntukan untuk kamu yang ingin 
membuat website atau blog dengan sangat mudah. Kamu hanya 
perlu membayar apabila ingin menggunakan fitur-fitur khusus 
ataupun menaikkan kapasitas layanan. Kalau menurut saya, 
penggunaannya akan mirip dengan pembuatan website blogspot, 
wix, atau weebly. 
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Gambar: Paket Harga WordPress.com 


Pemeliharaan web akan sepenuhnya dikelola oleh Automatic, 
perusahaan penyedia layanan WordPress.com. Penggunaan theme 
gratis, plugin, kapasitas disk sangat terbatas untuk versi gratis. 
Kamu harus membayar cukup mahal untuk menggunakan fitur- 
fitur esensial dalam pembuatan sebuah website. 


b. WordPress.org 


WordPress.org atau banyak yang menyebutnya hanya dengan 
sebutan “WordPress” atau “WordPress Self Hosted” merupakan 
platform Content Management System (CMS) yang bersifat open source 
dan gratis. Kita dapat menggunakannya pada web server kita 
sendiri. Semua pengelolaan, pemeliharaan, dan kustomisasi 
menjadi tanggung jawab masing-masing pemilik website. Dengan 
menggunakan WordPress Self Hosted ini kita akan lebih leluasa 
mengontrol dan mengatur sedemikian rupa website kita agar sesuai 
dengan yang kita inginkan. 
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Hampir tidak ada batasan pada WordPress ini, kita bisa 
menggunakan ratusan ribu tema dan plugin secara gratis. Selain itu, 
segala bentuk kebutuhan website akan jauh lebih mudah dan 
murah untuk dikelola. 


Nah, buku ini merujuk pada WordPress di poin b, yakni 
WordPres.org. Buku ini akan mengupas tuntas dan mendalam cara 


penggunaannya. 
1.3. Manfaat Mempelajari WordPress 


Tentunya kemampuan membuat website di era kemajuan teknologi 
saat ini sangatlah penting. Saya ingin mengatakan bahwa 
kemampuan membuat website masuk ke dalam bundle kemampuan 
wajib era digital. Karena ada sejuta manfaat apabila seseorang bisa 
menguasainya. 


Seorang penulis akan lebih mudah menyebarkan karya tulisnya jika 
memiliki web blog. Semua orang bisa mendapat pendapatan pasif 
dari Google Adsense lewat web blog. Mahasiswa dan professional 
bisa membuat web curriculum vitae untuk kebutuhan melamar 
kerja. Sekolah dan lembaga pendidikan bisa menyebarluaskan 
modul materi dan vidio belajar dengan membuat web kursus. 
Pelaku usaha dan UMKM bisa memasarkan lebih luas produknya 
dengan membuat toko online. Perusahaan bisa memberikan 
informasi umum perusahaannya agar lebih dikenal dengan 
membuat website landing page company profile. 


“Wah banyak sekali ya manfaat yang bisa didapat dengan 
mempelajari wordpress di era digital ini.” 


Hebatnya, semua jenis website yang saya sebutkan di atas bisa 
dibangun dengan WordPress. Dan hebatnya lagi, semua itu akan 
dibahas di dalam buku ini pada bab-bab selanjutnya. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 19 


“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 


20 | Muhammad Fadillah Arsa 


BAB II 
PEMASANGAN WORDPRESS 


Hal pertama yang harus disiapkan sebelum kita belajar 
mengembangkan website dengan wordpress adalah melakukan 
pemasangan terlebih dahulu. Pada bab pemasangan ini akan saya 
jelaskan dari mulai kebutuhan pemasangan dan proses 
pemasangan di hosting maupun di local host. 


2.1. Kebutuhan Pemasangan WordPress 

Secara sederhana ada dua kebutuhan pemasangan agar website 
WordPress kita bisa diakses oleh semua orang, yakni hosting dan 
domain. 


a. Hosting 


Web hosting atau biasa disingkat hosting merupakan sebuah 
layanan yang dapat kita gunakan untuk menyimpan semua file dan 
data yang diperlukan oleh website kita agar dapat diakses oleh 
semua orang. Di kalangan awam, hosting ini biasa juga disebut 
sebagai server. Tanpa hosting, website kita tidak akan bisa diakses 
oleh semua orang melalui internet. 


b. Domain 


Domain merupakan suatu nama/alamat unik yang digunakan 
untuk mengidentifikasi suatu website. Kamu tentu sering 
mendengar nama-nama website yang diakhiri dengan .com, .id, .net 
bukan? Misalnya  tokopedia.com,  bukalapak.com, atau 
metrotvnews.com. Itu semua adalah domain. Satu nama domain 
unik merujuk kepada satu website. 
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Sederhananya, hanya dua itu yang kita butuhkan untuk membuat 
sebuat website. Namun, kita pun bisa membuat website di lokal 
komputer kita (local host) untuk belajar dan hanya bisa diakses 
melalui komputer kita saja. 


2.2. Tips Memilih Domain 


Ada dua jenis domain yang dapat kita gunakan, yaknik Domain 
TLD dan domain ccTLD. 


1) Domain TLD 


TLD (Top Level Domain) merupakan suatu akhiran yang ada pada 
domain seperti .com, .net, dan lain sebagainya tanpa adanya . TLD 
ini bersifat umum dan dapat digunakan oleh siapapun tanpa 
adanya persyaratan rumit yang menyangkut kewarganegaraan 
atau semacamnya. 


2) Domain ccILD 


Tidakjauh berbeda dengan TLD yang sebelumnya sudah dijelaskan 
diatas, hanya saja perbedaanya terletak pada akhiran domain yang 
didasarkan pada kode negara masing-masing. Seperti Indonesia 
yang memiliki kode Negara dengan akhiran domain .id, atau 
amerika serikat yang memiliki akhiran domain .us dan lain 
sebagainya. Sehingga, sebagai contoh jika kita memiliki web 
sekolah yang berada di Indonesia jadi akhiran domain yang harus 
dimiliki yaitu “.sch.id 


Tips Memilih Domain 


Dalam penggunaanya, domain ccTLD seperti domain .id memiliki 
efek yang cukup bagus jika digunakan untuk website dengan 
pengunjung lokal Indonesia. Karena domain .id bisa dikatakan 
merupakan domain ccTLD terbaik untuk Indonesia. Jangan pernah 
gunakan domain ccTLD apabila website yang akan dibuat memiliki 
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sasaran pengunjung luar negeri. Karena umumnya, domain ccTLD 
Indonesia akan dikesampingkan di penelurusan mesin pencari di 
negara lain. 


Sedangkan untuk domain TLD, lebih baik pilih domain yang sudah 
populer seperti .com, .net, dan .org. Domain selain ketiga itu 
biasanya akan susah dihafal oleh orang-orang dan memiliki nilai 
psikologis ketertarikan yang rendah dibanding ketiga domain 
tersebut. 


2.3. Tips Memilih Hosting 


Ada beberapa hal yang perlu dipertimbangkan dalam memilih 
sebuah hosting. 


a. Shared Hosting VS Cloud Hosting 


Shared hosting adalah layanan hosting paling sederhana 
dikarenakan satu akun hosting akan ditaruh bersama-sama dengan 
akun hosting lainnya dalam satu server yang sama. Sumber daya 
storage, RAM dan prosesor server digunakan secara bersama-sama. 


Cloud hosting adalah sebuah layanan hosting di mana data website 
pengguna ditempatkan di lebih dari satu server. Cloud hosting 
lebih canggih dan stabil ketimbang shared hosting. 


b. Hosting untuk Blog Pribadi 


Untuk website dengan jenis blog, Core dan juga RAM hosting tidak 
begitu berpengaruh, karena pengunjung web hanya meminta data 
saja tidak mengirimkan data. Dengan begitu, fokus pemilihan 
hosting lebih ditekankan di kapasitas disk/storage hosting. 
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c. Hosting untuk Toko Online dan Kursus Online 


Sedangkan untuk toko online dan kursus online, jumlah pengguna 
web akan menentukan kebutuhan spesifikasi paket hosting. Untuk 
toko online dan kursus online saya sarankan menggunakan 
spesifikasi yang agak tinggi. Lihat spesifikasi Core dan RAM paket 
hosting yang dipilih. 


2.4. Pembelian Hosting dan Domain 


Normalnya, untuk memiliki suatu hosting dan domain, kita harus 
membelinya terlebih dahulu. Meskipun nanti saya akan 
menjelaskan cara menggunakan hosting dan domain gratis dengan 
fitur yang terbatas. Untuk membeli hosting dan domain, kita harus 
membelinya melalui penyedia layanan tersebut. Ada banyak sekali 
penyedia layanan hosting dan domain yang bisa kita pilih. 


Beberapa penyedia layanan yang saya rekomendasikan adalah 
dewabiz.com, idcloudhost.com, jagoanhosting.com, 
rumahweb.com, dewaweb.com, niagahoster.co.id, dan masih 
banyak lagi. Namun pada penjelasan kali ini, kita kan 
menggunakan layanan Dewabiz yang sering saya pakai karena 
kecepatannya yang “wuss wuss mantap”. 


Promosi Dulu 


Jika berkenan, gunakan link afiliasi dan kode kupon di bawah ini 
saat membeli hosting. 


»  IdCloudhost: https://my.idcloudhost.com/aff.php?aff-1846 
»  Dewabiz: https://my.dewabiz.com/aff.php?aff-334 

e Kupon Diskon 1076 di Dewabiz: KURSUSDIGITAL 

e  Niagahoster: https://panel.niagahoster.co.id/ref/42297 

e Kupon Diskon 546 di Niagahoster: KURSUSDIGITAL 

e#  Dobelhost: https://member.dobelhost.com/aff.php?aff-1685 
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Nah selanjutnya yuk langsung praktek beli hosting dan domain. 


1) Buka halaman dewabiz.com untuk masuk ke halaman website 
Dewabiz. 


2) Pilih menu Produk kemudian pilih Cloud Hosting. 


Pidana Na | 
IP PA Mb Ti #bari Peladlidn 
il iki 
» Ulee kionikng Daan dara Dina 
nina 
ema na m 
Lab ata 
Pa emas: Mn na 


HER 


Gambar: Paket Hosting Dewabiz 


3) Pilih paket hosting yang dibutuhkan. Jika hanya untuk belajar, 
kita bisa memilih paket yang termurah terlebih dahulu saja. 
Untuk skala bisnis, saya merekomendasikan teman-teman 
untuk memilih paket Business Pro. Kemudian klik Order Now. 


Paket Web Hosting Harga Terjangkau 


Skardieuing ma li Aang Ip Btbin 
RN 
a Saad Hain Maa, Bu tt Ip dum bla KN 
| 
Pasi cbs Hesty mu ri Uki isapan 


Jiang Hk Ii ia Ip BA bin 


Gambar: Pilihan Harga Cloud Hosting Dewabiz 
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4) Tentukan domain yang ingin kamu beli dan gunakan. Selama 
nama domain yang ingin kita gunakan belum dipakai oleh 
orang lain, kita bisa membelinya. Setiap domain memiliki harga 
yang berbeda. Berikut kisaran harga domain saat ini. 


id : Rp180.000 
.my.id : Rp10.000 
.web.id : Rp55.000 
.cCom : Rp125.000 
.net : Rp157.000 
.0rg : Rp170.000 


Pilih Register a new domain, kemudian tulis domain yang ingin 
dibeli pada bagian Search domain, lalu klik Check. 


Oa ea 
ea ar na NAN 


TA Tn Aa Aa AN nu 


Gambar: Membeli Domain Baru 


Klik Continue apabila domain yang kita inginkan tersedia. 


Ng gan 


Gambar: Domain Baru Tersedia 
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5) Selanjutnya kita akan masuk ke halaman Order Summary. Mari 
kita atur satu per satu. 
Pilih siklus penagihan pada bagian Choose Billing Cycle. Bisa 
bulanan, 4 bulanan, 6 bulanan, tahunan, dua tahunan, atau tiga 
tahunan. Sesuaikan dengan kebutuhan. 


Jika teman-teman membeli hosting di Dewabiz, saya sarankan 
untuk langsung membeli dengan periode billing 3 tahun untuk 
mendapatkan diskon hingga 754. 


Choose Eling Cycle 


Marak dear Bara aon 
Pa ba Keteta Ea Hanna 
Sala Ip Bag 0 neasi 


Pp kh da Pe bara aa N Ni 


Gambar: Pilihan Siklus Penagihan 


Pilih lokasi server yang diinginkan. Apabila kita ingin 
membuat website dengan pengunjung dari Indonesia, pilih 
saja Jakarta. 


Lokasi Hosting 


Fisi Jawa laba 


Firat Awnable 


Seganara 
Unta Kienpokota 
Unliod Staies 


Gambar: Pilihan Lokasi Server Hosting 
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Pada bagian Order Summary di sidebar sebelah kanan, klik Continue 
untuk melanjutkan pembayaran. 


Onder Sumrnary 

Unimed His " Le 
Penlana Pr 

Tenan Fe san 
Tergn Tase In 


Rp 940,000 


Gambar: Ringkasan pemesanan 


6) Pada halaman Domain Configuration, langsung saja klik 
Continue. 


7) Selanjutnya teman-teman akan masuk ke halaman Review & 
Checkout. 


Pada kolom Currency, pastikan memilih IDR. 


Pada kolom Promotion, isikan dengan KURSUSDIGITAL 
untuk mendapatkan diskon tambahan sebesesar 1076. Wow! 


Pada bagian Billing Details, isikan setiap input data pembelian 
yang harus diisi. 


Pada bagian Payment Method, pilih metode pembayaran yang 
diinginkan. 
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Jangan lupa centang bagian I have read and agree to the Terms of 
Service. 


Kemudian klik Checkout dan lakukan pembayaran. 


ore 
Peer SA Teras 
Gi Ga aa ea pang 
Pn mua rasi 
Ir Geiaia "-— 
Bainbing Kisisamas Lag Rp 246000 


ab MA il 


Gambar: Halaman Input Detail Pembayaran 


8) Setiap layanan yang berhasil kita beli akan tampil di halaman 
My Dashboard. Tampilannya kira-kira seperti di bawah ini. 


ear dina Mendua ran Madani Support Mekah 


Piket Sesi ag Ka A3 


— dani 


Gambar: Halaman Dashboard Hosting 


Klik Services untuk melihat layanan hosting yang aktif. 
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2.5. Pemasangan WordPress di Hosting 


Setelah kita membeli hosting dan domain, selanjutnya kita akan 
melakukan pemasangan (install) WordPress di hosting dan domain 
tersebut. 


1) Masuk ke halaman My Dashboard, lalu pilih klik Services untuk 
masuk ke halaman layanan hosting yang aktif. Kemudian pilih 
layanan yang akan kita gunakan untuk memasang WordPress. 


sabang 


ia Dami | Ie 
Gambar: Halaman My Product and Services 


2) Selanjutnya pilih Login to cPanel untuk masuk ke cPanel 
hosting kita. 


Dwenelea Unlimited Hosting - Bts 


BG doa 


Ber daan ah Maia 


Gambar: Halaman Pengelolaan Layanan 
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Gambar: Halaman Utama cPanel untuk Mengelola Hosting 


Sekadar informasi, CPanel ini adalah halaman yang akan kita 
gunakan untuk mengatur, melihat, dan mengelola segala 
kebutuhan website dan hosting kita. Pada CPanel ini, kita bisa 
memasang website, mengelola domain, mengelola file, 
mengelola database, dan lain sebagainya. 


Sebelum memasang WordPress, kita akan memasang SSL Https 
terlebih dahulu pada domain kita agar lebih aman dan 
performa website di mesin pencarian seperti Google lebih baik. 


Di sini saya akan jelaskan dua metode pemasangan SSL. 
Metode pertama digunakan apabila di layanan hosting teman- 
teman, terdapat fitur Let's Encrypt SSL. Penyedia hosting yang 
menggunakan layanan ini contohnya IDCloudhost. 


Sedangkan metode kedua digunakan apabila tidak terdapat 
layanan Let's Encrypt SSL. Jika teman-teman menggunakan 
hosting Dewabiz, lakukan metode kedua. 
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4 Metode Pertama Memasang SSL HTTPS. 


Cari dan pilih Let's Encrypt SSL pada kategori Keamanan di 
cPanel. 


- Oo: : 


@ : e 
O 


Gambar: Memilih Let's Encrypt SSL 


Kemudian pada bagian Issue a new certificate klik Issue pada 
domain yang akan kita pasang SSL Https. 


Issue 3 new certificate 


nee N «wa 
cc. # Av ni 
1 - - 19 — 
Was Pa Lay di) -— Pa 


Gambar: Memilih Domain yang Akan Dipasangi SSL 
Kemudian klik tombol Issue. 


Pisa Cho an EL dan thd dl are sotrai 


Ge bedak LA GA We Ho Ba pn Ia LP Tebe Ar ia PI IA TEA PPA Aa Pia Pa pd 
Ae me ar tanu ed aa, pe BALE Una Pa DA mei ea meethi 
Snp Ldr? 


| ma ea or Rui 


Gambar: Memasang SSL pada Domain 


32 | Muhammad Fadillah Arsa 


5) Metode Kedua Memasang SSL HTTPS 
Cari dan pilih SSL/TLS pada kategori Keamanan di cPanel 


Gambar: Memilih SSL/TLS 


Kemudian di ujung kanan bawah pilih Manage SSL Sites. 


Centinicat ES | Cit) 
Ir| ie P aa ana MI) 


INSTALL AMD MANAGE SSL FOR TOUR SITE 
(HTTFSI 


Bina 
Gambar: Manage SSL Sites 


Scroll ke bawah ke bagian Install an SSL Website. Pada kolom 
domain, pilih domain yang ingin dipasangi SSL. Selanjutkan di 
sebelah kanannya klik tombol Autofill by Domain. 


Instal an SSL Website 


ANN 2 Ai API ebi PRP OA Ge P3 PRA BAL, Ba Peka u hri 


IP era 
ipanhkia 
Oia OS 

Pangan maha pa 


Gambar: Memasang SSL di Domain 
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Setelah itu klik tombol Install Certificate. 


Gambar: Tombol Install Certificate 


Maka SSL pun berhasil kita install di domain kita. 


Gambar: SSL Berhasil Terinstall 


6) Selanjutnya kita akan mulai memasang WordPress di hosting 
dan domain kita. Cari dan pilih Softaculous Apps Installer 
yang berada pada kategori Perangkat Lunak. 


Beo 
@ 


Gambar: Memilih Softaculous Apps Installer 
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7) Melalui Softaculous Apps Installer ini, kita dapat memasang 
berbagai aplikasi berbasis PHP. Namun dikarenakan kita akan 
memasang WordPress, Maka pilih WordPress, kemudian klik 
Instal. 


WordPress 
detak 


Gambar: Halaman Utama Softaculous Apps Installer 


8) Kita akan diperlihatkan halaman detail instalasi WordPress. 
Kita perlu mengisikan setiap detail input dengan baik dan 
benar. 
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e Choose the version you want to install : Pilih versi 
WordPress yang ingin dipasang, disarankan menggunakan 
versi terbaru. 


e Choose Installation URL : Pilih protocol https:// karena 
sebelumnya kita telah memasang SSL Https, pilih domain 
yang akan dipasangi WordPress, kosongkan In Directory. 


Penting!!! Kosongkan kolom In Directory!!! 


Tea Satin 
—a al Tukad Words 


Ae Dept : 
F Edar More bengana ara 


Tedala Mudi PWI ii 


» Site Name : Isikan nama website. 
» Site Description : Isikan deskripsi website. 


e  Enable Multisite : Tidak perlu dicentang. 
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Badri Ae baik 
mera hp 
aa ar 


Pa 


Segan Haa) Angka 


6» Admin Username : Buat username untuk login. 
6» Admin Password : Buat password untuk login. 
6 Admin Email : Masukkan emailmu. 


Choose Language 


Pa ad 


ik! 


Select Language: Pilih Indonesian 


Select Muginisi 


Lor Iooggied Ariani ogineaer Ah 
Dasar Dot 


#pLeitia - Minajo Maltie ot 


Select Plugins : Tidak perlu dicentang. 


en en Ni Snabandun anal an 
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Kemudian isikan Email installation details to dengan email 
kamu, kemudian klik Install. 


9) Selamat, WordPress kamu berhasil dipasang. 


WordPress sak 
KV Peron S3 SI, Un LAI SA Uh 4115 LI 
: Hata Data ro 


| — Fata nga Menma 


Lergratulatkns, the saftaare Was batalked tuctesslully 


Ma AA, Dee daa ia asa IH 
Ta AA Aa Dua eta 
MATA KAA UT DL Sarana Anus an adi 


Ae ea en PR 


Kamu bisa akses domain kamu untuk membuka website kamu. 
Sedangkan untuk masuk ke halaman dashbor admin, cukup 
tambahkan /wp-login.php setelah url domain kamu. 


Contoh 1: 
Untuk mengakses web: https://namadomainmu.com 


Untuk mengakses dashbor admin: 
https://namadomainmu.com/wp-login.php 


Contoh 2: 
Untuk mengakses web: https://fadillaharsa.masuk.web.id 


Untuk mengakses dashbor admin: 
https://fadillaharsa.masuk.web.id/wp-login.php 
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Tebar Mer 
Hello world! 
ea 
Pos-pos Terbaru dit 
Kategori 


Gambar: Tampilan Awal Website WordPress 


Gambar: Halaman Admin WordPress 


2.6. Menggunakan Hosting dan Domain Gratis 
000webhost 


Bagi beberapa orang yang hanya ingin belajar membuat website 
dengan WordPress, atau hanya ingin membuat website sederhana 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 39 


tentu ingin membuat website WordPress tanpa harus 
mengeluarkan uang sedikitpun untuk membeli hosting dan 
domain. Nah, pada bagian ini saya akan memberitahu caranya. 


Ada salah satu layanan penyedia hosting yang memberikan paket 
hosting gratis berbatas. Kita bisa memanfaatkannya untuk belajar 
maupun membuat website sederhana. Nama layanan tersebut 
adalah 000webhost. 


1) Buka website id.000webhost.com. Kemudian pilih paket Web 
Hosting Gratis, kemudian klik Daftar Gratis. 


Amankan Aga detak Yaa 3 
Da 
Ls Lu Aa Orang Orgen Aa ng Mes an Mn merang Luar. 
"OM" "7120 "19120 “30320 
4 Tara Maan Pen Beren 
lu & 2“ 
mana 
kia dadi Ma Wala 
Ha ana ae mmiga 
- 
marka an Hap 
are Sea pa ml 


Gambar: Paket Hosting Gratis 000webhost 


2) Isikan formulir input pendaftaran, kemudian klik Daftar. 


40 | Muhammad Fadillah Arsa 


Gambar: Mendaftar Akun 000webhost 


3) Konfirmasi verifikasi email yang telah terkirim ke email yang 
kita iputkan sebelumnya. Klik Verifikasi email. 


2 S3 iitwebhost 
TN Pd HA 


Sean aoi Li 


daretaa tama Mapan Deagataangg Konga Dibifandoeeenn 3 gbi Pe ing pora dengan kemenag 


ragi 


Seakan uan arang en al. bangun reale Arda inang 


Gambar: Verifikasi Email Pendaftaran 000webhost 


4) Selamat, email kita berhasil di verifikasi. Klik Get Started untuk 
melanjutkan. 
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2 


Email berbagi divenfikasl 


Gambar: Email Berhasil Diverifikasi 


5) Ketika ditanya “What would you like to do ?” Pilih saja 
Mempelajari Pengembangan Web, setelah itu klik Lanjutkan. 


Tar Mega Hd 


What would you like to do? 


Uu EH La id | a 
Keememeifai ha Ipang Sea nan bu | ea 
Ba tai bai Dalan Fee 


Gambar: Pilihan Peruntukan Hosting 


6) Pada halaman Name Your Project, isikan nama website yang 
akan dibuat dan passwordnya. Kemudian klik Kirim. 
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Bei ina Ka Kai 


Hama Your Project 


Gambar: Membuat Projek Web Baru 


7) Selanjutnya kita akan dihadapkan pada halaman “Choose your 
weapon of mass creation”. Karena kita akan memasang 
WordPress, maka klik Pilih pada bagian Install WordPress. 


"eno he ypenar dewa been 


Choose your weapon of mass creation 


(3 FA t 
Uve Our Ientali Uprosd your vte 
Wetrsite Rainer WardPresa 


Gambar: Memasang WordPress di 000webhost 


8) Akan muncul popup detail instalasi. Masukkan password 
admin, dan pilih bahasa Indonesia. Kemudian klik Install. 
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Install WordPress 2 


Username adain admin 
Pamgaord admin 1 3Pamnacrdi 

Hide Pisan Kaori id 
Bisa Inna jari Im 


Gambar: Install WordPress di 000webhost 


9) Tunggu sejenak dan selamat, WordPress dengan hosting dan 
domain kita berhasil dipasang. Klik Pergi ke halaman 
konfigurasi untuk masuk ke halaman admin WordPress. 


Selamat! Semuanya sudah siap. 


Wioeioresa Anda sudah skep dikorndig utasi 


Pena ena ono iga 


Gambar: Proses Pemasangan WordPress di 000webhost Selesai 


10) Kamu bisa akses domain gratis kamu untuk membuka website 
kamu. Sedangkan untuk masuk ke halaman dashbor admin, 
cukup tambahkan /wp-login.php setelah url domain kamu. 
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Contoh: 


Untuk mengakses web: 
https://wordpressbarengarsa.000webhostapp.com/ 


Untuk mengakses dashbor admin: 
https://wordpressbarengarsa.000webhostapp.com/wp- 
login.php 


2.7. Menggunakan Hosting dan Domain Gratis 
Pantheon 

Banyak pengguna yang mengeluh terkait dengan kurang baiknya 
layanan 000webhost. Maka dari itu ada satu opsi lagi hosting dan 


domain gratis yang bisa kita gunakan untuk membuat website 
WordPress yakni Pantheon. 


1) Buka website pantheon.io. Kemudian klik tombol Get Started 
atau Start for Free di halaman depan. 


Pantheon SaaS Platform 


Design Innovate. and Depay 


Wetisines Fuar 


ik 


Gambar: Website Pantheon 


2) Isikan formulir pendaftaran yang tersedia. Ceklist I agree to 
Pantheon's Terms of Use. Selanjutnya klik tombol Sign Up. 
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Sign-Up Now! 
Pap fara plan he pograltngoea Ie. 


Tp ma ob ST mg naa 
Mi ea ae KAA 1 Tb aa 


Aa Ta erat Pb Lea 


Higa Tip 
Gambar: Sign Up Akun di Pantheon 


3) Selamat akun berhasil dibuat, klik tombol Log in with Email. 
4) Silakan selanjutnya login menggunakan email dan password 
yang telah dibuat. Klik tombol Log In. 
Login 
| Leg aib ka 


Gambar: Proses Pemasangan WordPress di 000webhost Selesai 


5) Kemudian pilih Start New Project untuk membuat website. 
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Wekome to Pantheon, Muhammad Fadillahi 


SA ai sni ma AL aa 


ar Menata ai ea , 


Aan Pen ag 


g Ta Lp papan Fian 


Gambar: Memulai Projek Baru Pantheon 


6) Pada halaman Create Your Pantheon Site, isikan nama website 
kita yang akan menjadi alamat websitenya. Kemudian pilih 
lokasi server, gunakan server United States atau Australia 
untuk akses yang cepat dari Indonesia. 


Create Your Pantheon Site 


Pesanan Te Pa ika ea Panda Di enjanain de URL 


Do su Li 


2 lindei Sadar 
Pe 
darnraria 
Mada 
Aa naa Kian ai Ta id ii Pagi oa MP ebi koi Pekan BNP 0 Geng 
ea PRA ea ATA Kake AN Ae ea die ad paca sera? Ui Ka aa decor Ka umai 
Lea 


Gambar: Membuat Website di Pantheon 


7) Selanjutnya pilih CMS. Pada bagian WordPress, klik Deploy. 
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Choose Your CMS 


Word Prana 


Gambar: Memilih CMS WordPress 


8) Tunggu hingga proses pemasangan selesai. Proses pemasangan 
biasany memerlukan waktu sekitar 10 sampai 15 menit. Harap 
bersabar hingga statusnya Complete. Setelah complete, klik 
tombol Visit your Pantheon Site Dashboard. 


Deploying WordPress 


Su ear Mengssa iotp Lautan 


Gambar: Proses Pemasangan WordPress di Pantheon 


9) Nah website WordPress kita sudah terpasang di proyek 
Pantheon. Di halaman dashboard proyek, terdapat dua tombol. 
Klik Visit Development Site untuk membuka website. Klik Site 
Admin untuk membuka halaman admin. 

10) Sebelum bisa menggunakan, kita akan diarahkan untuk 
melakukan penyiapan terlebih dahulu WordPressnya. Silakan 
ikuti dan isi saja setiap tahapannya. Pilih bahasa Indonesia agar 
mudah dipahami. Selamat, web WordPressmu berhasil dibuat! 
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Gambar: Proses Penyiapan WordPress 


2.8. Pemasangan WordPress di Localhost 

Selain memasang WordPress di hosting, kita pun dapat memasang 
WordPress di komputer kita sendiri. Kebanyakan orang 
menyebutnya dengan localhost. Website hanya dapat dibuka oleh 
kita sendiri di komputer yang dipasangi localhost tersebut. 
Memasang WordPress di localhost bisa digunakan untuk proses 
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belajar ataupun pengembangan awal tanpa harus menyewa 
hosting. Kita akan menggunakan aplikasi XAMPP untuk 
membantu memasang WordPress di Localhost. 


1) Unduh XAMPP dari website 
https://www.apachefriends.org/index.html, pilih XAMPP for 
Windows. 


XAMPP Apache # MariaDB # PHP # Peri 


What te KAMPOY 


LAPAPOD & tt masat popular PMP da Pangawaa ah 
erarorreen 


MAA LAN AA Ta LA Mantu ea 


ag Per Tea (aan 


Gambar: Download XAMPP untuk Windows 


2) Install XAMPP di komputer windows kita. Ikuti saja proses 
instalasinya. Setelah berhasil install, buka XAMPP Control 
Panel dari Start Menu Windows. Lalu klik Start pada Module 


Apache dan MySOL. 

XAMPP Control Panel v3.2.4 Ki) 
Mami aman 
Tren Mede Pal Perjal Abon 

cpat Ba Pe | ema aa mi 
Ja ami Pn Kami Laga Dai 
kta “ai —— Ta Laga Pe 
Ek ng Sai — Kari Lema ia 
Tema Kart Pa. Kari La aa 


Gambar: XAMPP Control Panel Sebelum Dijalankan 
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XAMPP Control Panel v3.2.4 £ 
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Gambar: XAMPP Control Panel Setelah Dijalankan 


3) Kemudian download WordPress dari website 


4 


https://wordpress.org/download/. Cukup klik Download 
WordPress. 


Priceless, and also free 


P Download Wandress 515 


Dana 


Gambar: Download WordPress 


Ekstrak hasil download WordPress tersebut. Kamu dapat 
menggunakan software Winrar (download dan install terlebih 
dahulu) untuk mengekstraknya. Klik Kanan, lalu pilih Extract 
Here. 
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wardprest 


Gambar: Ekstrak Berkas WordPress 


5) Pindahkan folder wordpress hasil ekstak ke htdocs pada 
directory installasi xampp. 
Directory standar: CAxampp“htdocs 


6) Selanjutnya kita akan terlebih dahulu membuat database yang 
akan digunakan untuk pemasangan WordPres. Buka web 
browser kemudian masuk ke url localhost/ dan klik menu 
phpMyAdmin. 


FS! XAMPP Apache # MariaDB # PHP 4 Perl 


Gambar: Membuka phpMyAdmin 


Pada ujung kiri atas, pilih Baru untuk membut database baru. 
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PphpMyAdmin 
Tan BI ai «1 | dah Gg 
Terbaru. Fawari 
na bau 
Gambar: Membuat Database Baru di phpMyAdmin 


Inputkan nama database yang ingin dibuat. Disini saya akan 
membuat database dengan nama wordpress. Kemudian klik Buat. 


Bass da oo) SGL Ik Status | 8 Akun pengguna ks Ekopor 


Basis data 


£ Buat basis data Wi 
wordpret3 utimb4 geneel ci so Bit 


Gambar: Membuat Database Baru di phpMyAdmin 


7) Buka web browser, kemudian ketikkan localhost/wordpress/. 
Kita akan masuk ke halaman pemasangan WordPress di 
Localhost. 


8) Pilih Bahasa Indonesia, kemudian klik Lanjutkan. 
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Gambar: Memilih Bahasa WordPress di Localhost 


9) Baca ketentuan kemudian klik tombol Ayo. Selanjutnya kita 
perlu mengisi detail database wordpress. 


Pe uang berakal data Ane bea Aa Pria odol yaa hbungi boring Aida 


Plan Harun data 


Kara Peraara 


Pariika Tazal 


Bp Pelari dala pang Penradan oa donakan 


kran 


al 


aa eni 


Dee da abses dual 


IN In 


Merak arvwptr open Dodi ereanvanasa bad bila bin oi 
ea ea Arda ea el gagal 
Iisa 


Psi Prada sg nenlalankgan beban 
Panalas Mania Kodaline daa 
Tiawpeak tarih: ci sid 


Gambar: Input Detail Database WordPress di Localhost 


6» Nama Basis data: Isikan dengan nama database yang 


sebelumnya telah dibuat. 
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e Nama Pengguna: Isikan dengan root. 

6» Sandi: Kosongkan. 

e Host Basis Data: Biarkan sesuai isian awal. 
e Prefiks Tabel: Biarkan sesuai isian awal. 


Setelah terisi, klik tombol Kirim, kemudian klik tombol 
Jalankan Pemasangan. 


10) Terakhir, isikan detail input pemasangan WordPress. Tidak 
berbeda jauh dengan input pemasangan pada hosting. 
Kemudian klik Install WordPress. 


Informasi yang dibutuhkan 
Biladcsara ba Seri melon berikeai. dargan bhureart Sedia mandala dapa menga bah penasaran on rara 
Fidel Site Banda ka Mare 


Karan Periggiann aren 


Pedan Peregauana hennga entorb Sarm damar ad Laman men Ohang, gam 


Bee Tana ama dna ik lan dadi Hi 


Take mawar SP Ak 


Posing ads an Tas mer oi one beng enak, Yeon adi be pa pang aan 


tegalan ulangi an en Peru mar yang lemah 
Kata Sardi 
Donal Arda drkaar dn nj ea Tuk iti 


ariana alang aaraat ema Seda anyar medan 


Kebarnpakan di Mesin Had aagi resin pori ntu Persyandokai Mba In 


Sape darrsIN roll beng mein pisang ud udi mapng Damara Yisnnneniki 


Gambar: Input Pemasangan WordPress di Localhost 
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11) Selamat, website WordPress telah berhasil dipasang di localhost 
komputer kamu. Akses webnya melalui localhost/wordpress/. 
Untuk masuk ke halaman admin akses melalui 
localhost/wordpress/wp-login.php 


12) Proyek web yang dibuat di localhost nantinya dapat 
dimigrasikan ke hosting. Caranya dibahas di bab lain-lain. 


Note: Jika teman-teman mengalami kendala di aplikasi XAMPP, 
teman-teman bisa mencoba aplikasi Laragon sebagai penggantinya. 
Silakan dieksplorasi secara mandiri. 
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& DISITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB III 
PENGATURAN AWAL 


Hal pertama yang biasa saya lakukan setelah melakukan 
pemasangan WordPress adalah melakukan pengaturan awal. 
Pengaturan awal ini penting untuk dilakukan agar setiap website 
memiliki pengaturan standar dan sesuai dengan yang kita inginkan. 


Halaman Pengaturan dapat langsung diakses melalui menu sidebar 
dasbor admin WordPress. 


3.1. Pengaturan Umum 


Untuk melakukan pengaturan umum, buka menu Pengaturan -» 
Umum. Lakukan pengaturan pada setiap input pengaturannya. 


Gambar: Halaman Pengaturan Umum WordPress 
e Judul Situs: Masukan judul website. 


» Slogan: Masukkan slogan/deskripsi website. 
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e Alamat WordPress dan Alamat Situs: Alamat/URL website. 
Dilarang mengubah bagian ini!!! Jika diubah akan 


menyebabkan error!!! 


e Alamat Email Administrasi: Alamat email admin. 


» Keanggotaan: Ceklist apabila setiap orang diperbolehkan 
menjadi anggota website (untuk situs berbasis keanggotaan 
seperti website forum dan website kursus online). 


e Peran Pengguna Baru: Standarnya diisi dengan Pelanggan. 
e Bahasa Situs: Tentukan bahasa utama website. 

6» Zona Waktu: Ubah menjadi UTC-47 untuk Indonesia. 

e Format Tanggal: Sesuaikan menjadij F Y. 

e Format Waktu: Sesuaikan menjadi g:i A. 


e Minggu Dimulai Pada Hari: Senin. 


3.2. Pengaturan Menulis 


Untuk melakukan pengaturan menulis, buka menu Pengaturan -- 
Menulis. Lakukan pengaturan pada setiap input pengaturannya. 


e Kategori Pos Standar: Standar kategori pos, biasanya 
Uncategorized. 


e Format Pos Bawaan: Standar format pos, biasanya Standar. 


3.3. Pengaturan Membaca 


Untuk melakukan pengaturan membaca, buka menu Pengaturan - 
» Membaca. Lakukan pengaturan pada setiap input 
pengaturannya. 
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e Tampilan Beranda Anda: Dapat memiliki Pos-pos Terbaru atau 
Memilik suatu Laman. 


e Halaman blog menampilkan paling banyak: Jumlah pos per 
halaman, sesuaikan dengan keinginan. 


e Umpan sindikasi menampilkan yang paling baru: Jumlah 
objek umpan sindikasi/ feed. Standarnya 10 objek. 


e Untuk setiap pos dalam feed sertakan: Pilih Ringkasan untuk 
mengurasi kemungkinan pembajakan konten. 


e Ketampakan di Mesin Pencari: Ceklist apabila website tidak 
ingin muncul di mesin pencari. 


3.4. Pengaturan Diskusi 


Untuk melakukan pengaturan diskusi, buka menu Pengaturan -» 
Diskusi. Lakukan pengaturan pada setiap input pengaturannya. 
Saya terbiasa melakukan beberapa perubahan berikut: 


e Kirimkan email pada saya setiap kali: Hilangkan centang agar 
tidak ada notifikasi email. 


» Sebelum sebuah komentar muncul: Hilangkan centang pada 
Penulis komentar harus mempunyai komentar yang disetujui 
sebelumnya. 


6» Avatar Standar: Pilih avatar yang kamu inginkan. 


3.5. Pengaturan Permalink 


Untuk melakukan pengaturan permalink, buka menu Pengaturan - 
2» Permalink. Lakukan pengaturan pada setiap input 
pengaturannya. Saya terbiasa melakukan beberapa perubahan 
berikut: 
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» Pilih Tanggal dan nama apabila merupakan web blog, web 
berita, dan sejenisnya. 


e Pilih Nama tulisan apabila merupakan website tanpa konten 
blog atau website yang tidak memerlukan penanggalan pada 
konten. 


3.6. Pengaturan Privasi 


Beberapa jenis website, terutama website yang memiliki anggota 
website atau produk, diharapkan memiliki halaman Kebijakan 
Privasi. Tentukan halaman Kebijakan Privasi yang akan digunakan 
pada menu Pengaturan -- Privasi. 


Setelah itu isikan halaman yang dipilih dengan Kebijakan Privasi 
website kamu melalui menu Laman -- Semua Laman. 


3.7. Pengaturan Akun 


Untuk melakukan pengaturan akun yang terdaftar di website kita, 
buka menu Pengguna - Semua Pengguna. Pilih pengguna yang 
akan dilakukan pengaturan, klik Sunting. Pada halaman tersebut, 
kita dapat melakukan pengaturan dan menambahkan nama depan, 
nama belakang, nama publik, situs website pemilik akun, bio, foto 
profil, dan kata sandi. 
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“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB IV 
WORDPRESS DASAR 


Pada bab WordPress dasar ini kita akan mengenal dasar-dasar cara 
penggunaan WordPress. Materi dasar ini adalah materi yang sangat 
esensial dalam pembelajaran WordPress karena akan melandasi 
setiap jenis studi kasus pembuatan website. Untuk itu, pastikan 
kamu menguasai bab ini dengan baik. 


4.1. Beranda WordPress 


Menu teratas pada halaman admin WordPress adalah menu 
Dasbor. Pada menu Dasbor -» Beranda, terdapat ringkasan 
keadaan website kita ditampilkan: jumlah pos, jumlah komentar, 
jumlah laman, hingga tema yang sedang digunkan. 


Gambar: Beranda Halaman Admin WordPress 


Selain itu, banyak juga pintasan-pintasan yang dapat kita 
pergunakan untuk masuk ke halaman tertentu dengan lebih cepat. 
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Misalnya pintasan membuat pos, mengelola widget, mengelola 
menu, dan lain sebagainya. 


Kita juga dapat membuat draft tulisan dengan cepat pada bagian 
Draft Cepat. Cukup menuliskan judul dan konten, kita sudah bisa 
menyimpan draft tulisan kita. Fitur ini sangat bermanfaat jika suatu 
ide tulisan tiba-tiba muncul saat kita sedang berada di tengah 
kesibukan. 


Pada halaman beranda ini, kita juga dapat melihat acara-acara besar 
yang diperingati dan diselenggarakan oleh WordPress. 


4.2. Pos 


Cara untuk menambah pos tulisan baru adalah pilih menu Pos -- 
Tambah Baru. Sejak WordPress versi 5, editor pos sudah memiliki 
tampilan baru yang lebih modern dan mudah digunakan dengan 
Sistem Blok. Yuk kita coba membuat pos baru. 


1) Pertama, tambahkan judul pos yang ingin kita tulis. 


DB: - In £ 


Puisi Aku Ingin Karya 
Sapardi Djoko Damono 


Gambar: Menambahkan Judul Pos 
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2) Kemudian tuliskan cerita atau tulisan isi kontennya. 


Puisi Aku Ingin Karya 
Sapardi Djoko Damono 


Akh anu tenunan denga sereduna Ohengsan bata vera Lk araupat 
dbocagkaa Iraesu bepuda an wong mnunddmonra Sau Aku mada 
(wonand panas senayan sealendenga Te nggnan ate mat ang tdi men tag 
kewmsapamkaata Aoteno Iurpailn Logan Yerg entotan Dalan 


Gambar: Menambahkan Konten Tulisan 


3) Untuk mengatur tulisan, klik blok tulisan, maka akan muncul 
pop up pengaturan. Kita bisa mengatur rata tulisan (rata teks ke 
kiri, tengah, atau kanan), menebalkan tulisan, memiringkan 
tulisan, mencoret tulisan, dll. 


Ab gu menuang Kop seekihana- Dengan kata yang tak sempar 
diucapkan Kayu kepada api yang mepjadikannya abu Aku angan 


Imel den sederhana Dea avarat Tara mk sernpal 
dikmpukan Awao kepada luan ade cendana nada, 


Gambar: Mengatur Konten Tulisan 


4) Untuk menambah blok baru, cukup tekan Enter, maka blok 
baru akan muncul. Klik tombol tambah di samping kanan Blok 
untuk memilik jenis blok. 
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Gambar: Menambahkan Blok Konten Pos Baru 


Misalnya kita akan menambahkan gambar, maka pilih 
Gambar. Klik Unggah apabila ingin mengunggah gambar 
baru, klik Pustaka apabila ingin menambahkan gambar yang 
sebelumnya pernah diunggah, atau klik Sisipkan dari URL 
apabila ingin menambahkan gambar dari URL gambar yang 
kita miliki. 


4 Gambar 


Lnagit Pln azlea pilih dam puntaka mada Anda atau mmk CB 


Gambar: Menambahkan Konten Gambar 
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Ada banyak sekali pilihan blok yang bisa kita gunakan. Klik 
Jelajahi semua untuk melihat semua jenis blok. Berikut 
beberapa blok kode yang akan sering kita gunakan: 


Teks 
e Paragraf: Untuk menambahkan tulisan. 


» Kode: Untuk menambahkan konten kode pemrograman 
(missal kode html, c-, php, dll). 


e Tajuk: Untuk menambahkan tajuk/heading/judul. 


e Senarai: Untuk menambahkan senarail/list berurut atau tidak 
berurut. 


e Kutip: Untuk menambahkan kutipan atau guotes. 
e Tabel: Untuk menambahkan tabel. 


e Bait: Untuk menambahkan tulisan dengan gaya tulisan 
indah. 


Media 
6» Gambar: Untuk menambahkan gambar. 
6» Galeri: Untuk menambahkan galeri atau kumpulan gambar. 
e Audio: Untuk menambahkan suara/audio. 
e Video: Untuk menambahkan vidio. 
Desain 
e Tombol: Untuk menambahkan tombol. 


e Kolom: Untuk membuat kolom tulisan. 
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Widget 
Untuk menambahkan beragam widget ke dalam pos. 
Sematan 


Untuk menambahkan konten sematan seperti vidio 
YouTube, tweet Twitter, dll ke dalam pos. 


5) Selanjutnya kita akan mengatur pengaturan publikasi pos. Klik 
Pengaturan dengan logo roda gerigi di ujung kanan atas. Lalu 
pilih tab Dokumen, dan lakukan pengaturan. 


Gambar: Melakukan Pengaturan Publikasi 
e  Visibilitas: (1) Publik: dapat dilihat siapa saja, (2) Privat: 
Hanya terlihat oleh admin dan editor situs, (3) Terlindung 
Sandi: Dilindungi dengan kata sandi yang Anda pilih. 
Hanya yang memiliki kata sandi yang dapat melihat pos 
ini. 


» Terbitkan: Secepatnya atau Pilih tanggal publikasi. 
6» Permalink: Kita bisa mengubah permalink tulisan. 


» Kategori: Centang kategori atau klik Tambah Kategori Baru 
untuk menambah kategori baru (contoh: Puisi, Tulisan). 


6» Tag: Untuk menambahkan tag/penanda (contoh: Sapardi). 


e Gambar Andalan: Tetapkan satu gambar andalan, gambar 
andalan akan muncul sebagai gambar fitur dari pos 
tersebut. 
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6» Kutipan: Secara default kutipan akan mengutip beberapa 
kalimat pertama pos. Isi bagian ini jika kita ingin 
mengubahnya. 


» Diskusi: Kita dapat mengatur izin diskusi/komentar pada 
pos tersebut. 


6» Atribut Pos: Pilih atribut pos, pilihan akan bergantung 
dengan tema yang digunakan. 


6) Terakhir, tentukan opsi publikasi. Pilih Terbitkan jika ingin 
menerbitkan pos, pilih Pratinjau jika ingin melihat terlebih 
dahulu hasil konten yang dibuat, pilih Simpan konsep jika 
ingin menyimpan sebagai draft. 


Simpan konsep Pratinjau 


Gambar: Pilihan Publikasi Pos 


Disini kita akan menerbitkan. Klik Terbitkan, lalu klik Tampilkan 
Pos. Inilah hasil pos pertama kita. 


Puisi Aku Ingin Karya 
Sapardi Djoko Damono 


Gambar: Hasil Publikasi Pos 
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7) Untuk mengelola pos, kita dapat mengakses lewat menu Pos -- 
Semua Pos. Lewat halaman tersebut kita dapat menyunting, 
menghapus, atau menampilkan pos. 


Pas NI 
aa “ 
Tenda eka , ma dangaa ebuarud, Karbaranni “ar r 
2 Kana Ing ” 
Enam Adaa Lengan Bkarga bacan Ojabn 
Desmna 
| 
Had sek 2 
42 
in Kala nj P 
Tindakan Talas - panir | br 


Gambar: Halaman Semua Pos 


4.3. Kategori Pos 


Kategori tidak hanya dapat ditambahkan saat kita membuat pos, 
namun juga dapat dikelola melalui halaman khusus. Pilih menu Pos 
- Kategori, pada halaman tersebut kita dapat menambahkan 
kategori baru, maupun mengedit kategori yang telah dibuat 
sebelumnya. 


Untuk menambahkan kategori, cukup isikan nama, slug (url), dan 
deskripsi, kemudian klik Tambah Kategori Baru. 
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Gambar: Halaman Pos Kategori 


4.4. Media 

Gambar, vidio, audio, file atau jenis media lainnya juga dapat dapat 
ditambahkan dan dikelola selain saat membuat pos. Caranya yaitu 
melalui menu Media. 


Klik menu Media - Tambah Baru untuk menambahkan media. 
Kemudian klik Pilih Berkas dan pilih media yang ingin diunggah. 


Keterangan: 


Ara menggunakan pentaj unggah mudt-bervere Ika Anda tedurdada 


Uu ran maker anggatian beran Late 


8 


benda menggunakan peengunggah mui berkai Eka Anda terkendala 


Ukuran redlarial unggahan Berkax NE ME 


Gambar: Ukuran Maksimal Unggah Berkas WordPress 
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Jika WordPress ukuran unggah berkas media kamu terlalu kecil, 
kamu bisa mengaturnya melalui pengaturan PHP. Saya sertakan 
pada bab lain-lain materi Mengubah Batas-batas Pengaturan PHP. 


Sedangkan menu Media -» Pustaka berisikan kumpulan media 
yang pernah kita upload. Kita bisa mengelola media-media tersebut 
melalui halaman Pustaka. Contohnya kita akan mengedit foto 
bapak Sapardi Djoko Damono yang pernah saya upload. Klik foto 
tersebut. 


Pustaka Media (emban tar | 


pan Seri bera mada Y Semu ternggal 3 Pekih mrmua 


Ora! bara 


Gambar: Mengelola Gambar 
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Kita bisa mengelola gambar tersebut. Mengubah judul, 
menambahkan keterangan, menambahkan deskripsi, atau 
menyalin url dari gambar tersebut. 


Kita pun bisa menyunting gambar tersebut, klik Sunting Gambar. 
Lewat sunting gambar, kita bisa memotong gambar, memutar 
gambar, membalik gambar, juga mengubah ukuran gambar. 


| “ . W wa “ 


Gambar: Menyunting Gambar 


4.5. Laman 


Laman dan pos adalah hal yang serupa namun tak sama. Laman 
atau page diperuntukkan untuk konten pendukung website yang 
bersifat statis. Misalnya untuk membuat halaman tentang kami, 
kebijakan privasi, kontak kami, dan sebagainya. Sedangkan pos 
diperuntukkan untuk konten yang dinamis yang terus bertambah 
seiring berjalannya waktu. 


Yang membedakan laman dan pos hanyalah permalinknya yang 
tidak dapat memiliki tanggal, serta tidak bisa menambahkan 
kategori dan tag laman. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 73 


Untuk mengelola dan menambahkan laman, kita bisa 
mengaksesnya melalui menu Laman. Penjelasan pembuatan Laman 
hampir sama persis dengan pembuatan Pos. 


4.6. Komentar 


Setiap komentar yang masuk ke semua pos website akan 
ditampilkan di menu Komentar. Uniknya di WordPress admin 
memiliki hak penuh atas komentar yang ada di website. Kita dapat 
menolak, membalas, menganggapnya spam, menghapus, dan 
bahkan mengedit komentar yang masuk. Semua dapat kita kelola 
di menu komentar. 


Komentar 


57— 


aa ii 


Gambar: Halaman Komentar 
Satu tanggapan untuk “Hello world!" 


Un daa na ema 


Te mi cma Lah arbutan akan ul hentai pawa 
114 Kg Crome veina ai ibu Jeditwadi 


Care na ag tra 


Gambar: Tampilan Komentar di Pos 
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4.7. Menu 


Menu adalah sekelompok tautan yang digunakan untuk 
mempermudah pengguna masuk ke suatu halaman penting. Menu 
biasanya berada di bagian atas sebuah website. Pada tema Twenty 
Twenty dan Twenty Twenty One, menu ditampilkan di ujung 
kanan atas website. 


lime Akaut Weg  Contard 
rn MT penadoen fe bihockc dinar yoy feeespn urus 


Gambar: Tampilan Menu Pada Tema Twenty Twenty One 


Untuk mengatur menu, masuk ke menu Tampilan -- Menu. 


Pada halaman tersebut, kita dapat membuat menu dengan 
melakukan pengaturan berikut. 


Sinikvai menu 


Meki MA ATe | Tekanan Saad Pak Krn 


Gambar: Membuat Menu Baru 


e Nama Menu: Masukkan nama menu yang ingin dibuat. 
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» Otomatis tambahkan laman: Tidak perlu dicentang agar isi 
menu bersifat statis. 


e Lokasi penyangan: Pilih lokasi menu, setiap tema memiliki 
pilihan lokasi penayangan yang berbeda-beda. 


Kemudian klik Buat Menu. Nah selanjutnya kita hanya perlu 
mengisi konten menu, kita bisa menambahkan Laman, Pos, Taut 
Tersuai (Tautan Kustom), ataupun Kategori. 


laraan £ - Fera Jaka 
Ea ” 
Tt ti 4 k -— 
Pa Tai - 
Pergilah Merr 
br 
3 ng ang 
ME 
ai k 8 
u 
Haag - : 


| Nasar | 
Gambar: Membuat Konten Menu 


Misalnya saya menambahkan tiga konten menu sebagai berikut, 
kemudian klik Simpan Menu. 


Lama Pagi Mr — 
Eeabsek Saga aa la at 
Tami iladama 5 


Gambar: Terdapat Tiga Konten Pada Menu 
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Maka menu website akan berubah menjadi sebagai berikut. 


Sample Page “Facebook Saya Pulsi (@) 


Pencarian 


Gambar: Menu Website Setelah Pengaturan Menu 


4.8. Widget 


Widget merupakan elemen kecil pada WordPress yang berfungsi 
untuk menampilkan suatu informasi atau fungsi tertentu di salah 
satu bagian website. Biasanya widget ditampilkan pada bagian 
sidebar ataupun footer, tergantung tema yang dipakai. 


Halaman pengaturan widget berada di menu Tampilan -- Widget. 


Aidgst | 3 


Derrdafnsari Lari 


Recent Posts 


Hello world! 


Gambar: Widget Bawaan Terpasang 
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La Bar Pasi Pai ea 


MAN - | lannd An “Aa In 


1 


Gambar: Tampilan Widget Bawaaan Terpasang 


Untuk menambah dan mengubah isi dan posisi widget, kita hanya 
perlu mengaturnya sebagaimana kita membuat Pos. Tinggal klik- 
klik dan atur-atur. Jadi deh. 


Sebagai contoh, saya memasukkan gambar di bawah Recent Post. 
Kemudian klik tombol Perbarui di ujung kanan atas. 


Recent Posts 


Hello worid! 


Kakak Beng - 
lola: 


- D kai In - wan 


Gambar: Menambahkan Widget Baru 


Maka hasilnya akan menjadi seperti di bawah ini. 
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Gambar: Tampilan Setelah Penambahan Widget Baru 


4.9. Tema 


Tampilan desain dan layout WordPress dapat diubah dengan 
melakukan pengubahan tema. Uniknya, pada WordPress tema 
berpengaruh banyak pada fungsi sebuah website. Sebagai contoh, 
jika kita menggunakan tema untuk web blog maka jadilah sebuah 
website blog, jika kita menggunakan tema untuk toko online maka 
jadilah toko online, jika kita menggunakan tema curicululm vitae 
maka jadilah web curriculum vitae. Maka pemilihan tema yang 
tepat adalah salah satu hal krusial saat pengembangan website. 


Kamu bisa mengubah tema websitemu melalui menu Tampilan -- 
Tema. Pada halaman tersebut, kita bisa melihat dan mengelola tema 
yang telah terpasang. Kita juga bisa menambah tema dengan 
memilih Tambahkan Tema Baru. 
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Gambar: Halaman Tema Terpasang 


Gambar: Kumpulan Tema WordPress 


Ada banyak sekali tema yang bisa kita gunakan secara gratis. Inilah 
salah satu keunggulan WordPress yang tidak dimiliki layanan lain. 
Sebagai contoh saya akan memasang tema Hestia. Cukup arahkan 
kursur ke tema yang diinginkan lalu klik Install untuk memasang, 
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atau klik Pratinjau untuk melihat tampilan websitemu sebelum 
memasangnya. 


Gambar: Memasang Tema Hestia 


Setelah berhasil memasang, klik Aktifkan. Maka kita sudah bisa 
melihat perubahannya di website kita. “Tara!!!” 


f. Verpuamarg 


bel ui 


3 4 — 


Wostia MERE sasa 


Gambar: Mengaktifkan Tema Hestia 
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Belajar WordPress bersama Arsa 


Gambar: Website dengan Tema Hestia 


Setelah memasang tema yang kita suka, selanjutnya kita perlu 
melakukan pengaturan dan penyesuaian tema melalui menu 
Tampilan -- Sesuaikan. 


4.10. Plugin 


Plugin adalah software/fungsi tambahan pada WordPress yang 
berfungsi untuk menambahkan suatu fitur khusus pada website. 
Secara default, WordPress hanya dapat membuat sebuah web blog 
saja, namun dengan bantuan plugin kita bisa menambahkan fungsi 
toko online, forum, portofolio, kursus online, dan masih banyak 
lagi. Untuk mengelola plugin, kita bisa mengakses menu Plugin. 
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Ceng A0 ym " .. ". : menga eny rana 02 


Gambar: Halaman Plugin Terpasang 


Untuk menambah plugin, akses melalui menu Plugin -- Tambah 
Baru. Terdapat banyak sekali plugin yang bisa membuat website 
kita semakin kompleks sesuai kebutuhan. Cukup klik Install 
Sekarang dan aktifkan plugin yang kita inginkan. Adapun untuk 
mencari plugin dapat dicari di kolom Cari Plugin di ujung kanan 
atas. 


Tesla Pin aa 


Gambar: Halaman Tambah Baru Plugin 
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4.11. Avatar (Foto Profil) Akun 


Beberapa tema akan menampilkan profil penulis di tepat di bawah 
konten pos. Standarnya WordPress menggunakan akun Gravatar 
untuk bisa mengubah avatar/foto profil akun. Namun saya pikir hal 
itu akan sangat menyulitkan kita, kita harus login terlebih dahulu 
kemudian mengubah avatarnya. 


Terdang Ori Anda 


Ine Basgnra Peras ed Rana 


Pot Fire 


Sadap NP ID JAM LA AL — - —5 


Gambar: Pengaturan Foto Profil pada Menu Pengguna 


Oleh admin 
Penida asa Kandung 


PN LN la Ta! 
Gambar: Tampilan Bio Penulis pada Website Tanpa Foto Profil 


Ada cara cepat untuk mengubah avatar akun yakni dengan 
memasang plugin WP User Avatar. Silakan masuk menu Plugin -- 
Tambah Baru -- Ketikkan One User Avatar di kolom cari Plugin. 
Klik tombol install sekarang pada plugin tersebut. 
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(Cipem Ulet Asadas | Ubar Pirolibo Petua 4 miararg 


ap ajah Dean ena dolan mekah LA Mar aa 


An li a 


Mm Mi Tenar Peer TP ab ri 


KLLACAD krisad dad akn Ae Me ina ea mandi Ala 


Gambar: Memasang Plugin One User Avatar 


Setelah berhasil terpasang, klik aktifkan. Sekarang telah muncul 
menu baru di bawah menu Pengaturan. Silakan masuk ke menu 
Avatars -» Settings. 


Diksi Jar Da an aa oi ma an ih 


Bj 


Gambar: Memilih Foto Profil Baru 


Klik Choose Image pada bagian Default Avatar. Upload foto yang 
ingin kamu gunakan sebagai foto profil. Kemudian tekan tombol 
Simpan Perubahan. Selamat, kita sudah memiliki foto profil baru. 


Oleh admin 
P$ Penulis asal Bandung 


Lan Af 


Gambar: Tampilan Bio dengan Foto Profil Baru 
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“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB V 
MEMBUAT POS TINGKAT 
LANJUT 


Saat ini kebutuhan akan konten yang unik, variatif, dan menarik 
pada sebuah website sangatlah tinggi. Kebanyakan orang tidak 
puas dengan fitur editor bawaan WordPress. Banyak yang ingin 
menambahkan fitur-fitur konten lain seperti collapse, vidio 
streaming HLS, mengubah font, atau menambahkan efek dan 
desain tertentu. Bab ini menerangkan beberapa cara membuat pos 
tingkat lanjut agar konten website semakin menarik. 


5.1. Shortcode Serba Guna 

Ada beberapa kebutuhan jenis konten yang saat ini belum tersedia 
pada editor WordPress, salah satunya tidak adanya tabs. Kita bisa 
menggunakan plugin Shortcode Ultimate untuk mengatasinya. 
Silakan Install dan Aktifkan plugin Shortcodes Ultimate. 


WordPress Shortcodes Plugin — sebar aa many 
Sharicodes Uhimate 


ag aka Ja enn O ba daagaga Ii 


Le Terakhur Direramu bm ali 


KE ON bera lan dai 2 Komperiisel dan tr Won Arda 
Gambar: Plugin Shortcodes Ultimate 


Kemudian masuk ke editor pos, tambahkan blok Shortcode. 
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Dena beta yang Tak mai 
Kemia Aliii AB hgaa 


Taat rang, bak sap 1 


an | saga | 


Gambar: Menambahkan Blok Shortcode 


Pilih Insert shortcode seperti pada gambar di bawah ini. 


Bli Pala Peras tip bola taro Tenis 


MISI 
| Ll Wana 


Gambar: Insert Shortcode Ultimate 


Kita bisa lihat, ada banyak sekali fitur tambahan yang bisa kita 
gunakan untuk melengkapi memperkaya konten kita. Sebagai 
contoh, saya akan menambahkan Tabs. 
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B 1 
ki - i 
a 2m - - .. - 
mm n n ai a Oa 
ko “eren "7 k 
& 1 - r 
- ki j ta 
Lj " 1" « 
2 1 Li Li i il 8 
# |. - # | # 


Gambar: Memilih Shortcode yang Akan Digunakan 


Selanjutnya atur setiap pengaturan dan atur konten yang akan 
dibuat. Seperti halnya gambar di bawah ini. Kemudian klik Insert 
Shortcode. 


Fadil Pu 


ai eri Pi 


Gambar: Mengatur Shortcode 
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Silakan Perbarui pos, kemudian lihat bagaimana hasilnya. Tabs 
yang kita buat tadi sudah bisa kita lihat pada pos tersebut. 


mn ekihata. Lengan kata pang tali sernpat Sucopkan Apu 


Tenang dengan sedohara Dera mari 


AF ar Take daa af ed kitargathdotnr. Sesi kepekaan par Meruaaaaan 


Gambar: Hasil Penggunaan Tabs Menggunakan Shortcodes Ultimate 


5.2. Classic Editor 


Sejak WordPress versi 5, editor default telah diubah dari yang 
semula menggunakan Classic Editor menjadi Gutenberg Editor. 
Perubahan ini mengakibatkan beberapa plugin pembangun konten 
versi lawas menjadi tidak dapat digunakan, atau beberapa 
pengguna merasa kesulitan dalam membangun konten. 


Tapi tenang, kita bisa kembali menggunakan Classic Editor dengan 
memasang pluginnya. Install dan Aktifkan plugin Classic Editor. 


Ulas kotor da melaranc 
Kris ter Pena Gee and ie 2d ira” mena. Dora Tia 
Por Join aah Tie pl, hdena Bob Pre Parag ah 


Pegang aed ii 


(Er Tecnakehar Diorama 8 Man dadu 


Ma 2 Kompatibel dgn ee Wardan Arda 


Gambar: Plugin Classic Editor 
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Coba lihat bagaimana perubahannya ketika menambah pos baru. 
Kita sudah bisa menggunakan kembali Classic Editor yang 
melegenda. 


Gambar: Tampilan Penggunaan Classic Editor 


Untuk website berbasis artikel seperti blog atau website berita, saya 
rasa justru akan lebih nyaman menggunakan Classic Editor. “It 
depends on your choice.” 


5.3. Mengubah Jenis Font 


Jenis font memiliki dampak besar bagi tampilan website. 
Kadangkala pengguna akan merasa lebih nyaman dengan 
penggunaan font jenis tertentu. Caranya cukup mudah untuk 
mengganti jenis font di website kita, cukup memasang plugin WP 
Google Fonts. 


1) Instal dan Aktifkan plugin WP Google Fonts. 
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WP Google Fonts dontad matang | 


Pia WP Google Pori pion aon you ta mili ddd 


#5 Terasi Diperbaiki 7 Ihalan bali 


P2 000 batal Aktif Bean aka eren Leena Shang Pri Aria 
Gambar: Plugin WP Google Fonts 


2) Masuk ke menu Google Fonts -- Google Fonts. Pilih Font yang 
ingin digunakan, pilih font style yang ingin digunakan, pilih 
element yang akan menggunakan font tersebut, kemudian klik 
Save All Fonts. Contohnya seperti gambar di bawah ini. 


Font 1 
2 Herrera yo eat to esp ben doi 107 
Kucberd na 
MA ansitp "tagai 
2 Sama Tiki 
1. Chopse the foot siyles you want" F1 mean BI bed 
MA em ai la 
—! Snsii AL bea old tag 
Apaan TI Pewarta WAK kura 
— Madan 00 Ol asi 
sam aoid too SANA kaka 
1 . MA na Gn Oo Dika 
Ha id (tata 


A Casio €55 (opbonal: 


Ono cat daa pet kaan 
Pa ebi bera 


Lanya-ark 
Ig Lan 


Gambar: Mengatur Jenis Font Baru 
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Jika kamu kebingungan untuk memilih font yang pas, akses 
https://fonts.google.com/ untuk melakukan pratinjau bentuk dari 
masing-masing font. 


ilang Fit F # 
1 —' - » 

- | kt! 
— - , 3 — — 
Amat before we Almost before we Amos baso we ereear 
keris it, we hand lofi the know it, sebod lefi Ig see td het bw: 
ground iba ground, ground. 
Simost before wp Ajknost boa sit Almusi belore we 
kreeia it, Wae: Inai kai kes it, ve hadi left knew it. we had left 
tis ground, the ground, the ground, 


Gambar: Website fonts.google.com 


3) Berikut hasilnya. 


Puisi Aku Ingin Karya Sapardi Djoko Damono 


Gambar: Tampilan Website Sebelum Pengubahan Font 


Puisi Aku Ingin Karyo Sapardi Djoko Damono 
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Gambar: Tampilan Website Setelah Pengubahan Font 


5.4. Menambahkan Vidio Beragam Format 


Pada beberapa kasus seperti membuat website kursus online, kita 
membutuhkan vidio player yang dapat menampilkan vidio bertipe 
HLS (HTTP Live Streaming). Sementara, vidio player bawaan tidak 
dapat memutar beberapa tipe vidio. Untuk mengatasinya kita dapat 
menggunakan plugin FV Flowplayer Video Player. 


1) Instal dan Aktifkan plugin FV Flowplayer Video Player. 


FV Flowplayar Video Player al akan 


Tel ica LO lia Be | Mia 


Kaka dr di 3 ap ie ih ai eta elo Sal 


Gambar: Plugin FV Flowplayer Video Player 


2) Penggunaanya sama seperti penggunaan blok lainnya. 
Tambahkan blok FV Player untuk menggunakan FV 
Flowplayer. 


sempat ucapkan, Kayu kaji Rn naa 


erhana, Dengas Bryant yara 


ia 
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Add your vedea 


Gambar: Menambahkan Vidio dengan Blok FV Player 


e Video: Isikan dengan vidio yang akan digunakan, 
mendukung beragam format vidio. 


e Splash Image: Apabila ingin menggunakan gambar fitur. 


3) Vidio akan ditambahkan berbasis shortcode. Untuk mengelola 
vidio, kita bisa mengelolanya melalui menu FV Player. 
Sedangkan untuk melakukan kustomisasi tampilan dan 
pengaturan player, dapat dilakukan melalui menu Pengaturan 
- FV Player. 


5.5. Page Builder 


Hampir semua pengembang website berbasis WordPress untuk 
kebutuhan website komersial dan professional telah menggunakan 
page builder untuk membangun konten. Alasannya adalah lebih 
mudah digunakan, lebih cantik tampilannya, serta lebih baik 
performanya. 


Ada banyak page builder yang dapat kita gunakan. Beberapa yang 
populer di Indonesia adalah: Elementor, WP Bakery, Divi, dan Site 
Origin. Beberapa diantaranya merupakan page builder berbayar. 
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Gambar: Page Builder Elementor (Sumber: elementor.com) 


Untuk membuat sebuah konten dengan menggunakan page 
builder, kita hanya perlu melakukan seret dan lepas modul konten 
yang ingin digunakan, dan kita akan mengeditnya secara langsung 
di halaman yang akan dibuat. Seperti halnya pada gambar di atas. 


Saya akan menerangkan cara pembuatan konten dengan 
menggunakan Page Builder Elementor. Page builder dengan jumlah 
pengguna terbesar dan terdapat versi gratis dengan fasilitas yang 
cukup lengkap. 


a. Penggunaan Dasar Elementor 


1) Instal dan Aktifkan plugin Elementor. 
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Pengaturan Halaman Elerentoi Sol sakatarg 


Pesat helai bang uan adera tara Kena gang 
man gek Di buana opos ing pengadaan aan ai 
ang enda dengan rebo yang mepai. Apapir 


Tenan, halo dan dananya 


Oa Toba 


Teka Dosis nang Ioli 


ara Ibas Pir MP Ke negaatbel ena aarl Wont Pase duda 


Gambar: Plugin Elementor 


2) Buat pos baru. Ubah Atribut Pos di ujung kanan bawah 
menjadi atribut layout yang diinginkan, misalnya saya akan 
memilih Template Lebar Penuh. Kemudian isikan Judul lalu 
pilih Edit with Elementor. 


Atribut Fo 2. 
Tempat 
Tempeste Lebar Penuh ai 


Gambar: Mengubah Atribut Pos 


jt 
Tg 
T 


Puisi Aku Karya 
Anwar 


Gambar: Menambahkan Pos Baru 
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3) Berikut tampilan halaman dari Page Builder Elementor. Keren 
dan nyaman bukan? 


Ba - 2 2 wa 3 


Puisi Aku Karya Chairil Anwar 


00 


Gambar: Tata Letak Plugin Elementor 


Sidebar sebelah kiri merupakan halaman elemen dan 
pengaturan dari Elementor. Sedangkan di sebelah kanan adalah 
live preview dan live editing halaman yang akan kita bangun. 


4) Untuk membangun halaman, kita tinggal seret dan lepas 
elemen yang akan digunakan. Sebagai contoh saya akan 
menggunakan element Inner Section. Kemudian di dalamnya 
saya tambahkan Heading dan Text Editor. 
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p r INNER SECTION 


 HEADING (TEXT EDITOR 


Dad pera mata 
Hai dp Perngiwag elang 


Gambar: Membuat Konten dengan Elementor 


Kemudian kita coba klik Publish. Maka inilah hasilnya. 


Gambar: Hasil Konten Menggunakan Elementor 


5) Selanjutnya kita akan mencoba melakukan kustomisasi setiap 
elemennnya. Sebagai contoh kita akan mengkustomisasi 
Heading. Klik blok Heading, maka pada sidebar kiri akan 
muncul halaman pengaturan Heading. 
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Nia #2 Kalau Sampai Waktuku 


Gambar: Melakukan Kustomisasi Blok Heading 


Terdapat 3 menu pengaturan. Pengaturan Content, Style, 
dan Advanced. Pada menu Style kita bisa mengubah warna, 
mengubah jenis font, hingga memberi shadow. 


35 Oku. 
-—. Kalau Sampai Waktuku 


Gambar: Melakukan Kustomisasi Tampilan Blok Heading 


Dan pada bagian Advanced, kita dapat melakukan banyak 
kustomisasi tambahan. Seperti menambahkan efek motion, 
background, border, pemosisian, pengaturan responsive, 
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menambahkan atribut, dan juga menambangkan kustom 
css. 


€ kevemmad 


Kencan HPaara 


Oku... 
Kalau Sampai Waktuku 


Gambar: Melakukan Kustomisasi Blok Tingkat Lanjut 


6) Selebihnya, kamu bisa melakukan eksplorasi sendiri pada 
setiap elemen yang disediakan elementor. Dengan 
menggunakan elementor dan kemampuan web design, kita 
dapat membangun website yang super cantik. 


Sebagai contoh website milik saya yang dibangun dengan 
elementor: kursusdigital.id 


Kamu bisa melihat inspirasi desain pada elementor di 
https://elementor.com/blog/category/inspiration/ 
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b. Melakukan Import Template Siap Pakai Elementor 


Selain membangun sendiri halaman, kita pun bisa menggunakan 
template siap pakai dari Elementor. Dengan menggunakan 
template, kita tidak perlu bingung mengatur tata letak desain 
postingan, cukup pilih template yang cocok. 


1) Klik tombol Add Template. 


9 Oem 


Gambar: Menambahkan Template Elementor 


2) Maka akan muncul modal berisi kumpulan template siap pakai 
yang bisa kita gunakan. Kita bisa memilih untuk menggunakan 
template Blocks yang berarti hanya memasukkan blok tertentu 
saja, atau bisa juga menggunakan template Pages yang berarti 
template utuh satu halaman penuh. 


aa 


Gambar: Kumpulan Template Blok Elementor 
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3) Untuk menggunakannya, klik Insert. 


4) Selanjutnya kita akan diminta untuk membuat akun. Klik saja 
Get Started kemudian buat akun dengan cara Sign Up. Isikan 
email dan password. 


Oma 


Connect to Template Library 


erna | “ 


0 PP 


Gambar: Menghubungkan dengan Pustaka Template 


5) Yepee. Template sudah bisa digunakan. Kita gak perlu ribet- 
ribet membuat layout sendiri deh untuk membuat postingan 
super keren. Untuk bisa mengakses seluruh layout, kamu bisa 
membeli Elementor Pro agar dapat bebas memilih template 
sesuka hati. 
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Our company is a collective of 
amazing people strvling to buudibd 
delighiful products. 


Ai) 


Gambar: Hasil Penggunaan Template Elementor 


5.6. Duplikasi Pos 


Dalam beberapa kasus, kita membutuhkan pembuatan beberapa 
pos dengan konten yang tidak jauh berbeda. Atau terkadang kita 
pun membutuhkan konten sampel untuk hanya sekadar memenuhi 
web kita. Kita dapat melakukan duplikasi pos yang telah kita buat 
sebelumnya dengan plugin Yoast Duplicate Post. 


1) Instal dan Aktifkan plugin Yoast Duplicate Post. 


Kost Duplicate Post Ke aa in 
Aa iri Vig dering sinta Tdk 


Tah 


Kak Tini Kd peoviidanunt- Koala kahia 


Ss dita ega ART Peka daa asn ati Won 
Gambar: Plugin Yoast Duplicate Post 


2) Buka halaman Semua Pos. Klik Clone pada pos yang ingin 
diduplikasi. 
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Tirdteben Manasi - ra Saad Sa ga Mara Maha 
Peni 
Ful Abu Darya Oka oa — Deraria 
File Ah ongin Ilanya Sapa Ooo Darren sd 
d Ni " 
Kei anaria 4 
Feni 


Tiselakan MM sal 2 mia 


Gambar: Melakukan Duplikasi Pos 


3) Hasil duplikasi akan berupa draft. Kita tinggal 


penyuntingan dan publikasi. 


PO maa an Pasi Ll 4 —1 uli 
Pedan Ala Inga Raga Tana Dok Dana — DP 


Pia Alas anji Oh Aoa — Tebar lara 


Bian Ji nia Dasja Lamar Ojak Ulat si 


Gambar: Hasil Duplikasi Pos 


5,7. Docx to Pos 


Bebi ai 


Pase 


melakukan 


Kadanggaa 


Tentu rasanya sangat nyaman membuat 


tulisan dengan 


menggunakan Word yang memiliki format file docx dibanding 
harus membuat tulisan secara online di editor WordPress. Jangan 
salah, kamu bisa menulis pos dengan menggunakan Word dan 
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mempublikasikannya di WordPress, namun dengan beberapa 
ketidaksempurnaan tentunya. 


1) Instal dan Aktifkan plugin Mammoth .docx converter. 


Maranioth dodeo ooyerbar lal bang 
Bie ma mai era oo ( am L 
ra io img aids HTI #intaang mading 
Fm 
ai Poo aan 
Aki Terahir Diperbsion 1 bidan ali 
TN one ami dai Ba dan brng Gerai Midea Inda 


Gambar: Plugin Mammoth .docx Converter 


Tambah pos baru melalui menu Pos -- Tambah Baru. 


2) Di bagian bawah halaman terdapat bagian baru Mammoth 
.docx converter. Pilih file docx berisikan tulisan yang ingin 
dipos. 


Mammoth ado converter 


bakar dn le | Gho IG | Ada tila chen 


Gambar: Bagian Unggah File Mammoth Docx Converter 


3) Jika telah muncul kontennya, klik Insert into editor. 
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4) 


Manah done sort 
beer doa Kls Fonooss Fe | Lomah Dekurtandoo 


Innart Into cektor | 


Kinta beberapa kamus, dita membutuhkan pembaatan beberapa as dengan konten yog 
kemiten sange untuk arya sekadar memenuhi web kita, dip dapat melakukan diplikasi g 
Duplicate Post. 


L Insta dan Aktifkan plugin Yaa Duplkae Most 
Gambar: Insert Into Editor Mammoth Docx Converter 


Tambahkan judul dan pengaturan pos lainnya. Kemudian 
terbitkan. 


Duplikat Pos 


Dalam beherara kasus, kita membutuhkan pembuatan benerapa pas dengan konter 
terkadang Kita min membutuhkan konten sampe untuk hana sekadar memepyhi 
duplikasi pos sang belah kita buat sebelumnya dengan plugin #cas1 Duplicate Post 


L Instal dan Akg kan plugin Yossi Dunlirae Pri. 


Gambar: Menambahkan Judul Pos 
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1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB VI 
MEMBUAT BLOG PRIBADI 


Studi kasus pertama yang akan kita pelajari adalah membuat blog 
pribadi. Blog pribadi sangat dibutuhkan oleh semua kalangan, baik 
itu pelajar, mahasiswa, akademisi, professional, organisasi, atau 
bahkan kamu yang hanya ingin menuliskan setiap kegalauan. 
“Hahaha”. Pada bab ini kita akan belajar membuat sebuah blog 
yang standar memenuhi kaidah-kaidah blog profesional. 


6.1. Mengatur Tema 

Ada banyak sekali tema yang bisa kita pergunakan untuk membuat 
sebuah blog. Saya memiliki satu tema yang sangat saya 
rekomendasikan untuk membuat blog dapat terlihat rapi, cantik, 
dan profesional. Tema tersebut bernama Hueman. Tema ini 
terbilang tema yang melegenda, sudah ada sejak saya pertama 
belajar WordPress dan terus diperbarui hingga sekarang. 


O | Oo 


a—. 1" 


" 2 
Heseenan | teri | 


Gambar: Memasang Tema Hueman 
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6.2. Menyesuaikan Tema 


Untuk melakukan penyesuaian/pengaturan tema, masuk ke menu 
Tampilan -» Sesuaikan. Pada halaman tersebut, kita dapat 
melakukan banyak sekali pengaturan dan kustomisasi tema. Kamu 
dapat mencobanya satu per satu sesuai dengan kebutuhan tampilan 
yang diinginkan. Hanya di sini saya akan memberikan beberapa 
arahan pengaturan agar blog pribadimu tampil lebih baik. 


a. Opsi Desain Umum 


Lakukan pengaturan opsi desain umum melalui menu Web Page 
Design -- Opsi Desain Umum. Berikut pengaturan yang biasa saya 
lakukan: 


1) Font: Arial 
2) Font Size: 15 
3) Lebar Maksimal Website: 1100 


4) Lebar Sidebar: 20px padding untuk widget 
b. Link Medsos 


Tambahkan tautan media sosialmu melalui menu Web Page 
Design -» Link Medsos. Klik tombol Tambah Baru. Pilih ikon 
media sosial, lalu masukan tautan media sosialmu, dan klik 
Tambahkan. 
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Biak daa pegas Pak ena Arda ja 


# rarahek- Dadan 


Inttesui han becek oma adi 


Pemuka ja ek Po at aa ena aa 
Gambar: Menambahkan Tautan Media Sosial 
c. Front Page Content 


Saya lebih suka tampilan blog dengan menggunakan list. Atur 
melalui menu Front Page Content. 


1) Display your blog posts as a standard list : Aktifkan 
2) Panjang Kutipan: 20 
d. Layout 


Blog pribadi biasanya hanya memiliki satu sidebar saja. Atur layout 
melalui menu Main Body Design -» Column layout for the main 
content. Pada bagian Layout Umum, pilih 2 Kolom — Konten Kiri. 


e. Menghapus Kredit Footer 


Dan terakhir, kita hapus kredit footer agar lebih rapi melalui menu 
Footer Design -» Desain Footer. Nonaktifkan bagian Tulisan kredit 
footer. 


Lakukan pengaturan lainnya yang sekiranya kamu perlukan. Kamu 
dapat mengubah gambar header, warna tema, dan lain-lain. Setelah 
selesai melakukan pengaturan, klik Terbitkan di pojok kanan atas, 
berikut hasil sementara blog pribadi kita. 
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Tutorial WordPress 


Gambar: Blog Pribadi dengan Tema Hueman Hasil Penyesuaian 


6.3. Mengatur Footer 


Tambahkan widget pada footer melalui menu Tampilan -- Widget. 
Kita bisa menambahkan beberapa widget berikut: 


1) Footer 1: Teks berisikan deskripsi blog atau pengenalan penulis. 
2) Footer 2: Pos-pos Terbaru 


3) Footer 3: Cari dan Kategori 


Gambar: Footer Blog Pribadi Setelah Pengaturan 
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6.4. Mengatur Menu 

Pengaturan menu menjadi salah satu bagian penting untuk 
memudahkan pengunjung blog pribadi kita mengakses dan 
menelusuri setiap konten yang kita buat. Biasanya, menu berisikan 
kategori-kategori postingan yang kita buat. 


Untuk membuat menu kategori pos, kita bisa mendapatkan tautan 
kategori dari menu Pos -- Kategori. Klik kanan pada bagian Tampil 
pada kategori yang ingin diambil tautannya. Kemudian pilih Copy 
link address. 


Tindak klan 


Kaaragarai 


Median kana 
Gambar: Menyalin Tautan Kategori Pos 
Masuk ke menu Tampilan -- Menu. Buat taut tersuai, isikan URL 


dengan paste tautan yang telah dicopy sebelumnya, isi Teks Tautan 
dengan nama kategori. 
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Temen (tiri mera Siru Klu engira 
TA 
Ha 2 
Ta Team 


Pengertaran Maru 


Dang asi 


Gambar: Membuat Menu Baru dengan Kategori Pos 


Buat menu lainnya seperti kategori lainnya, menu Beranda, dan 
lain-lain. Jangan lupa atur juga lokasi penayangannya. Berikut 
contoh hasilnya. 


Tutorial WordPress 


TUTORAL WORCPREB3 ELOC 


Gambar: Hasil Pengaturan Menu Kategori Pos 


6.5. Page Navigation 


Secara default, tema Hueman hanya memberikan navigasi halaman 
klasik. Kita dapat menambahkan navigasi halaman modern dengan 
penomoran halaman dengan menggunakan plugin WP-PageNavi. 
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Gambar: Plugin WP-PageNavi 


Sebelum: 


Sesudah: 
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6.6. Page Navigation 

Beberapa di antara kita pasti senang bermain sosial media seperti 
Instagram. Dan rasanya gak afdhol kalau kita memiliki Instagram 
namun tidak menyebarluaskan karya-karya foto Instagram kita, 
salah satunya di blog. 


1) Instal dan Aktifkan plugin Smash Ballon Social Photo Feed. 


Serash Balloon Social Photo Feed terlali Pekatarar 


Pong Tea kajia rel Ia pia ba Mula Cai Tia aga 
aan in ea ke, na mapan Inang daa Team 


met ng an ori 


OXPA Tien Dalkiaa 


pun Berateban Ca pemibaru Sg laki 


SP Kenjanhtea Ona ii Woilbeeia bada 
Gambar: Plugin Smash Ballon Social Photo Feed 


2) Koneksikan akun instagram kita dengan klik Connect to an 
Instagram Account. Kemudian login dengan akun 
instagrammu, lalu pilih Otorisasi. 


Configure 


Gambar: Mengonfigurasi Akun Instagram di Pengaturan Plugin 
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3) Setelah berhasil diotorisasi, klik Connect This Account, maka 
akun instagram kita sudah berhasil terkoneksi dengan plugin. 


fadillah.arsa 


Gambar: Menghubungkan Akun Instagram dengan Plugin WordPress 


4) Selanjutnya kita tinggal menambahkan widget Instagram Feed 
ke bagian tata letak yang kita inginkan. Beres deh. 


@ 

paka Ea | 
(3) 

177 nF 3 


3 


- . mej 
| P4 
Len 1) (kema 

“ 
ag 
le, 


e Jl 


Kairjpni 


Aid 


DD Kadas Inadayan 


Gambar: Pemasangan Plugin Pos Instagram 


6.7. Social Sharing 
Hampir semua blog pribadi membutuhkan fitur social sharing 
untuk mempermudah pembaca membagikan postingan kepada 
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orang lain dan juga sangat mudah untuk memasang social sharing 
di blog. Lagi-lagi kita hanya perlu memasang plugin saja. 


1) Instal dan Aktifkan plugin Simple Social Media Share 


Buttons. 
“ia P | Simpie Seclad Media Share Button - NN 
CoA sota Sharing Tori Deeryone $ 
am. - 8 
ga hi mn pik Sorsraa Peladia Mom Buron ai an adas ai 
| Im Fl NN Na ni 
Dea 
La Tesakhar Dipa bal & bulan lalui 
Sg DO erat dan Aki Basu du Seng sa Wed Pre Anda 


Gambar: Simple Social Media Share Buttons 


2) Masuk ke menu Social Buttons -- Setting. Kemudian seret 
dan lepas social buttons yang ingin kamu gunakan ke bagian 
Active. 


Beri amen 


ae TO GA IN En 


Gambar: Memilih Social Buttons yang Akan Diaktifkan 


3) Selanjutnya pilih gaya dari social button yang kamu inginkan. 
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Te MO 
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Gambar: Memilih Gaya Social Button 


4) Tentukan posisi social button akan dipasang. Umumnya 
dipasang di bawah konten pos. Lakukan pula pengaturan- 
pengaturan yang kamu inginkan. 


SN 


Gambar: Menentukan Posisi Sosial Buttons 


5) Dengan begitu, social sharing sudah muncul dan dapat 
digunakan oleh pengunjung untuk membagikan konten pos 
kamu. 

Ma RN SN Ne Te 
Sranpeia Seng Laba, Rel op ag aa aa on entar Oo ali tega 


end ah Ina kolam uan mei mine mpe union al lm 


Sui do su Tugail 000 Kolusi uli bohai? 


Gambar: Hasil Social Sharing Menggunakan Plugin 
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6.8. Mencegah Komentar Spam 


Jika website mulai berkembang besar, maka biasanya web 
WordPress akan dengan mudahnya disusupi komentar spam. 
Bukan menambah komentar baik, namun justru komentar spam 
akan mengganggu kita dan pengunjung blog kita. Untuk itu 
penting bagi kita untuk mencegah komentar Spam masuk ke blog 
kita. Caranya cukup pasang plugin Akismet Anti-Spam. Plugin ini 
telah terpasang secara default sejak kita memasang WordPress. Kita 
tinggal mengaktfikannya. 


aksmet Anti-Spam eta 


Ane chek momen di an ir 2 
Us siisas apa red Sar gbosal dababani shaparn is 
Anam jadiin ai pia SE done Ke ana Gonna 
sai r 
FISd) Tenar Depari aa: 1 ning ia 
1 durian bean jie Cesar dang oa oi Dorna enda 


Gambar: Plugin Akismet Anti-Spam 


6.9. Disgus untuk Komentar 


Ketimbang menggunakan akismet dan sistem komentar bawaan 
WordPress, saya lebih senang menggunakan disgus untuk sistem 
komentar di blog saya. Dengan menggunakan disgus, hanya orang- 
orang yang memiliki akun disgus atau akun media sosial lah yang 
dapat memberikan komentar di pos kita. 


1) Instal dan Aktifkan plugin Disgus Comment System. 
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Gambar: Plugin Disgus Comment System 
2) Setelah terpasang, maka menu komentar akan tergantikan oleh 
menu disgus. Masuk ke menu tersebut, kemudian kita coba 
untuk membuat akunnya. 
biSsGUs 


Be aa eng Sa pan | eat hip 


Alor (mbalaton 


aa Sr Oa peer ae Han ememarar Ia napa Mora ar Sere daa mera an Aa mei Lola maruri 


Ing ara de Dana and 


Gambar: Menu Disgus WordPress Sebelum Pengaturan 


Karena kita belum mempunyai akun Disgus, maka klik tombol 
No. 


3) Sebetulnya  disgus sudah menjelaskan tahap-tahap 
pembuatannya. Tinggal kita ikuti petunjuknya. 
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Gambar: Petunjuk Instalasi Disgus 


4) Klik Sign Up. Kemudian buat akun baru, agar lebih mudah, 
kamu bisa Sign Up menggunakan akun googlemu. Setelah itu, 
kita akan diarahkan untuk membuat Site baru di Disgus. Isikan 
nama website, kategori, dan bahasa. Kemudian klik tombol 
Create Site. 


5) Lewati saja menu Select Plan, masuk ke menu Instal Disgus, 
kemudia pilih WordPress. 


6) Copy-Paste token instalasi di halaman admin WordPress, paste 
ke kolom yang telah disediakan. Kemudian klik Instal. 


Ae | Ie iii Hina Melamar dai spin Ui ia is Haa hi Ha di bai (be FALla aa 


Kita To ai amat mm pa ah aa am ab ma ba la aa mai ia Pia 


Uh ing mana eadlaitari 
2 Nie Tasik bell aa pa das 
di Dead Dr ae 5 ad ha 
An den aa aer mai te ae na Ba eni na AT 
dr Mn bg rr Mg wah Ui pe, GA MN gs ka, nba dang Maan da OI "pap 


Gambar: Menyalin Token Instalasi Disgus 


122 | Muhammad Fadillah Arsa 


7) Refresh menu Disgus di halaman admin WordPress. Sekarang, 
Disgus Comment System sudah bisa digunakan di web kita. 


Ora 


0 


Gambar: Menu Disgus WordPress Setelah Pengaturan 


PKomeia Teroris WordPress Dereng area ena Pee Dingin 


ID MUumaMaD PADL. 


Pekonarankan i | Fama | |! Hayias | yet dea pang ai 
Oa Wha heondi aa 
ET ui Ding Ob mein iya Ani DiSsGuUs 


Gambar: Hasil Implementasi Disgus Comment System 
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EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB VII 
MEMBUAT WEBSITE CV & 
PORTOFOLIO 


Di era digital, website CV dan juga portofolio sangat dibutuhkan 
untuk memberikan gambaran seputar diri. Website CV dan juga 
portofolio akan sangat membantu bagi para pencari kerja dan 
pencari klien. Pada bab ini kita akan mempelajari komponen 
penting dalam pembuatan website CV dan portofolio 


7.1. Metode Pembuatan Website CV 


Setidaknya ada tiga metode yang dapat kita gunakan untuk 
membuat website CV. 


a. Menggunakan Konten Biasa 


Sebenarnya, kamu hanya perlu membuat laman baru berisikan data 
diri dan konten CV lainnya. Kemudian publikasikan laman 
tersebut. Setelah itu, atur laman tersebut sebagai laman beranda 
websitemu. 


Masuk ke Pengaturan -- Membaca. Ubah bagian tampilan beranda 
anda yang mulanya pos-pos terbaru Anda menjadi halaman statis. 
Kemudian pilih laman CV yang telah dibuat sebelumnya. 
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Gambar: Mengatur Halaman Statis CV Menjadi Beranda 
b. Menggunakan Tema Khusus CV 


Kita bisa mengubah tampilan website kita menjadi tampilan 
khusus layaknya CV. Kita hanya perlu mencari tema khusus CV di 
mesin pencari. Yang saya ketahui, kamu dapat menggunakan tema 
dengan nama-nama di bawah ini untuk membuat CV. 


1) Resumee 
2) Cvee 
3) MecLuhan 


4) Rabin Resume Vcard 


c. Menggunakan Page Builder 


Cara termudah lainnya yang bisa digunakan untuk membuat CV 
adalah menggunakan page builder. Tentu opsi ini adalah yang 
terbaik, dikarenakan kita dapat melakukan eksplorasi desain sesuai 
dengan yang kita inginkan. Kita pun dapat menggunakan template 
yang sudah ada untuk membuat CV dengan mudah. 
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7.2. Membuat Website CV dengan Elementor 


Kita akan belajar pembuatan website CV dengan sangat mudah 
Elementor. 


1) Gunakan tema Twenty Twenty. 
2) Instal dan Aktifkan plugin Elementor. 


3) Buat laman baru bernama Curriculum Vitae, jadikan laman 
tersebut sebagai halaman utama Beranda (seperti pada bagian 
Metode Pembuatan Website CV bagian a) 


4) Atur Atribut Laman, template: Elementor Full Width, 
kemudian Perbarui. 
An Meri Lea ni 


Tempat 


Hementor Full Wdth si 
Gambar: Mengubah Template Atribut Laman 
5) Edit laman tersebut menggunakan Elementor. 


6) Klik Add Template. Jadi kita akan menggunakan template CV 
untuk membuatnya. 


2 ama 


Gambar: Menambah Template Elementor 


7) Cari template pages CV, kemudian Insert. 
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Gambar: Menggunakan Template CV Elementor 


8) Kita tinggal mengatur dan mengubah isinya deh. Kemudian 


Update. Selesai deh. 


FERNANDO SCHMIDT 


Yati Laman 
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Gambar: Hasil Website CV Menggunakan Elementor 


7.3. Membuat Website Portofolio 


Selanjutnya kita akan belajar membuat website portofolio. Web 
portofolio merupakan web berisi kumpulan karya sebagai media 
memperkenalkan keahlian maupun sebagai media promosi. 
Misalnya seorang designer perlu membuat website portofolio berisi 
hasil desain karyanya agar semakin banyak orang yang percaya 
bahwa ia adalah seorang designer handal, maka akan semakin 
banyak pula pesanan desain yang datang kepadanya. 


1) Instal dan Aktifkan tema Perfect Portfolio. Dapat juga 
menggunakan Elegant Portfolio. 
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Gambar: Tema Perfect Portofolio 


2) Instal dan Aktifkan plugin yang disarankan. Klik Mulai 
menginstal plugin. Lakukan proses Instal dan Aktifkan. 


Tema ani menyarankan plugin benkut Cootoct form Roro Ong 3 
Cleek Demo import dan Sar ema Lampanion. 
klulas menginsia! plugan | Singkirkan catatan ini 
Gambar: Plugin RaraTheme Companion 
3) Download .zip file demo dari alamat berikut: 


https://docs.rarathemes.com/docs/perfect-portfolio/theme- 
installation-and-activation/how-to-import-demo-content/ 


4) Masuk ke menu Tampilan -- Rara Demo Import. Klik tab Demo 
Import. Klik tombol Upload Demo File. 
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Gambar: Tema Perfect Portofolio 


5) Pilih file .zip file demo yang telah didownload, kemudian klik 
Install Now. Selanjutnya klik Import Demo Now. Dan selamat, 
tampilan websitemu sudah menyerupai demo dari tema Perfect 
Portfolio. 


IKyau have & demo peck Inap format, you may instal! & try uploedirg it here 


PIA Ab | merieci perti me-conbemtuang wati taunya 


Gambar: Import Demo Tema Perfect Portofolio 
6) Masuk ke menu Tampilan -» Widget. 


7) Tambahkan widget Rara: Icon Text ke Bagian Tentang Kami. 
Bagian ini berfungsi untuk mengatur bagian header seperti 
namamu dan deskripsi bio mu. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 131 


Bagian Tentang Kami 2 


Tambahkan widget “Rara: Teks Ikon” untuk bagian 
tentang kami. 


Rara Icon Text KT 


Gambar: Menambahkan Widget Rara: Icon Text 
Kemudian isikan: 

e Title : Nama lengkapmu. 

» Description : Bio singkat dirimu. 

e Upload Image : Unggah foto profil. 


Setelah itu Simpan. Kita sudah selesai mengatur bagian header. 


7 


Muhammad Fadillah Arsa 
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Gambar: Hasil Pengaturan Header Portofolio. 


8) Tambahkan widget Rara: Call To Action pada Bagian Call To 
Action. Bagian ini berfungsi untuk mengatur bagian ajakan 
untuk melakukan sesuatu seperti membeli produk atau hanya 
masuk ke halaman medsosmu. 
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Bagian Call To Action 2 


Tambahkan widget “Rara: Call To Action" pada bagian 
Call ta Acban 


Rara: Call To Action (— 


Gambar: Menambahkan Widget Rara: Call To Action 
Kemudian isikan: 
e Title : Isikan judul. 
e Description : Isikan penjelasan. 
e Button Label : Label tombol. 
e Button Link : Tautan tombol. 
e Background Color: Pilih warna background gelap. 
Setelah itu Simpan. Kita sudah selesai mengatur bagian Call To 


Action. 


testagrom Soya 


Lean NN 1 Ke ea KIT NN Mag Hd Pp” en iay papengan | tt ee Tag rem | etnionta CT La ag ae 
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Gambar: Hasil Pengaturan Bagian Call To Action 
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9) Tambahkan beberapa widget Rara: Icon Text pada Bagian 
Layanan. Saya akan menambahkan tiga widget. Bagian ini 
berfungsi sebagai pengaturan list layanan yang kita miliki. 


Bagian Layanan 2 
Tembahkan «iga ' Facan Teka Ika” untuk bagas 
Hani koon Te Website Desdoper # 
Pata on Tete Am bale Dalgiai " 
Haa kan Tes Prodessioral Wine 2) 


Gambar: Menambahkan Beberapa Widget Rara: Icon Text 
Masing-masing widget isikan: 
e Title : Judul layanan. 
» Description : Deskripsi layanan. 
e Icons: Pilihikon. 


Simpan masing-masing widget, maka kita sudah selesai 
mengatur bagian layanan. 


Hi "4 (| 


Wa iba Pearnatopenr dogthetic Dodge Profeesiana Writer 


Gambar: Hasil Pengaturan Bagian Layanan 


10) Selanjunya kita akan mengatur bagian portofolio. Silakan buka 
menu Laman -» Semua Laman. Pada laman Portofolio, klik 
kanan pada teks Lihat, kemudian Copy link address. 
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Porthelias 


Tindakan Mari 2 || Terapkan 


Gambar: Menyalin Tautan Laman Portofolio 


Selanjutnya masuk ke menu Tampilan -- Sesuaikan -- 
Pengaturan Halaman Awal -- Bagian Portofolio. Atur dengan 
pengaturan sebagai berikut: 


e Aktifkan Bagian Portofolio: Wajib diaktifkan. 
e Jumlah Portofolio: Atur sesuai keinginan. 
e Label Lihat Selengkapnya: Isi dengan “Semua Portofolio”. 


e URL Label Lihat Selengkapnya: Paste link address yang 
sebelumnya telah dicopy. 


Setelah itu klik Terbitkan. 


11) Sekarang saatnya menambahkan portofoliomu. Buat portofolio 
melalui menu Portofolios. Buat konten seperti halnya membuat 
pos. Maka kita sudah mengatur bagian portofolio yang menjadi 
bagian utama website portofolio kita. 
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Gambar: Hasil Pengaturan Bagian Portofolio 


7.4. Menggunakan Plugin Portofolio 

Jika kita menginginkan memasukkan portofolio pada tema yang 
kita inginkan, kita bisa menggunakan plugin portofolio. Jadi kita 
bisa membuat portofolio meski tetap menggunakan tema yang kita 
sukai. Menarik bukan? 


1) Instal dan Aktifkan plugin Visual Portfolio. 


Yisual Porttolla, Pesta & Image Gaoslery ep ida dn 


Sesaat Pi aan pearl ba ane ad Haruna | mrst 


(en 


Tea Paser bian id 1 miraggaa kada 


Aa CI WeOrad aa dek aa lalu) 


Gambar: Plugin Visual Portfolio 


2) Silakan tambahkan sebanyak mungkin portofoliomu melalui 
menu Visual Portfolio -- Portfolio Items -- Add New. Buat 
konten portofolio seperti halnya membuat sebuah pos, 
kemudian terbitkan. 
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3) Kemudian buat/edit laman/pos yang ingin disisipi portofolio. 
Tambahkan blok baru, kemudian cari “portfolio”. 


Bg 73 2 
Bi o m 


besi ai miras Are! Tema ida lela Lao bernada yang akan did 


Dela penguagag san peranan dare he sii rima | 
| 


Gambar: Menambahkan Blok Portofolio 


Pilih salah satu dari beberapa gaya portofolio yang tersedia. 
Misalnya saya akan menggunakan gaya Tiles. 


4) Kemudian pilih Pos. 


jinngr saar peran dang ke sai 


@ Visual Portfolio 


- ai . 


Gambar: Memilih Jenis Pembuatan Portofolio 


Maka akan muncul pratinjau dari tampilan portofoliomu. Keren 


banget bukan? 
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w|a 
(— 5) 
Ni SE 
, @ 


2 
Gambar: Pratinjau Blok Portofolio 


Kita juga dapat mengatur tampilan portofolionya di sidebar sebelah 
kanan. 


5) Kita coba terbitkan lamannya, dan coba kita lihat hasilnya. 


Selamuar datang di-sapas Arda! Tri adalah Jar berada yamg akan 


dikhat oleh kebanyakan pengunjung saat pertama datung ke suu 


Gambar: Hasil Implementasi Plugin Visual Portfolio 


“Yeay!” Kita telah berhasil membuat portofolio tanpa harus 
memasang tema portofolio. 
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Yan Kajal ya 


Op Te La 
“C DIGITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB VIII 
MEMBUAT LANDING PAGE 


Pada bab ini, kita akan coba mengimplementasikan beberapa topik 
yang telah kita pelajari sebelumnya untuk membuat sebuah landing 
page. Konsep yang digunakan masih sama seperti yang telah 
dipelajari sebelumnya, hanya saja bab ini bisa teman-teman 
gunakan untuk menguatkan pemahaman teman-teman dalam 
pembuatan konten website WordPress yang profesional. 


8.1. Memilih Tema 


Untuk membuat landing page, sebenarnya sudah banyak sekali 
tema dengan konsep landing page yang bisa kita gunakan. 
Contohnya Hestia, Neve, GeneratePress, Zakra, OnePress, Sydney, 
dan masih banyak lagi. Hanya kelemahan dari menggunakan tema 
landing page adalah kita tidak dapat melakukan kustomisasi 
tampilan seperti yang kita inginkan. Untuk itu, pada bab ini, kita 
akan belajar membuat landing page dengan menggunakan page 
builder yakni Elementor. 


Note: Sebelumnya, pastikan kamu telah memasang dan 
mempelajari Elementor pada bab-bab sebelumnya. 


Tema yang akan kita gunakan pada praktik kali ini tetap 
menggunakan tema Twenty Twenty atau Twenty Twenty One 
karena sudah mendukung kebutuhan penggunaan Elementor. 


8.2. Menyesuaikan Tema & Persiapan 


Sebelum kita memulai, kita sesuaikan tema Twenty Twenty sesuai 
kebutuhan. Yang paling penting ialah mengubah warna background 
tema menjadi warna putih. 
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1) 


2) 


3) 


4 


Atur melalui menu Tampilan -» Sesuaikan -- Warna. Ubah 
warna latar belakang menjadi warna putih. 


Selanjutnya, buat laman baru dengan judul sesuai topik landing 
page yang akan dibuat. Sebagai contoh saya akan membuat 
landing page tentang penjualan buku. Maka saya membuat 
laman dengan judul “Buku Sakti WordPress”. 


Atur Atribut Laman menjadi Templat: Elementor Full Width. 
Jika teman teman tidak ingin ada bagian header maupun footer 
tema terlihat di hasil landing pae yang akan dibuat, pilih 
Elementor Canvas. 


Kemudian jadikan laman tersebut sebagai halaman default 
beranda melalui menu Pengaturan -- Membaca. 


Terakhir, rapikan widget di bagian footer. Apabila tidak perlu, 
kamu bisa mengosongkannya. 


8.3. Membuat Hero Section 


Bagian paling atas suatu landing page biasanya berupa Hero 
Section. Silakan masuk ke halaman Edit with Elementor laman yang 
telah dibuat sebelumnya. Pertama kita akan membuat hero section. 
Hero section ini biasanya berisikan gambar fitur dari produk yang 
dijual serta deskripsi produk tersebut. 


1) 


Add Template elementor. Pada menu Blocks, cari dengan kata 
kunci “hero”. Pilih template yang berisikan gambar dan 
deskripsi dengan latar belakang gelap. 
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Waton at ne 
Wa die wrh Sig Eye 


Gambar: Memilih Template Hero Section 
Maka tampilan awal sebelum kita edit adalah sebagai berikut. 


Tenar Aan : E 


Playground for 
creative people. 


Gambar: Tampilan Awal Hero Section 


2) Ganti tulisan heading dengan judul produk, deskripsi dengan 
deskripsi produk, gambar ponsel dengan gambar produk. 
Jangan lupa untuk mengganti tulisan tombol kemudian 
menautkannya ke halaman penjualan. 
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3) Edit section, kemudian ganti background dengan Background 
Type Gradient. Lalu sesuaikan warnanya. Misalnya gradasi 
merah dan hitam. Maka jadilah hero section dengan tampilan 
yang amat keren. 


BER ro. La Ke 
5. 


BUKU SAKTI 
WORPPRESS 


@a tanah can 


Gambar: Mengatur Background Hero Section 


8.4. Membuat About Section 


Bagian kedua setelahnya adalah About Section yang berisi 
informasi lebih panjang tentang produk yang kita tampilkan. 
Bagian ini biasanya juga diisi dengan ajakan untuk memiliki 
produk. 


1) Add Template elementor. Pada menu Blocks, cari dengan kata 
kunci “about”. Pilih template yang berisikan satu heading dan 
dua gambar disertai deskripsi dengan latar belakang cerah. 
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Gambar: Memilih Template About Section 


2) Ganti tulisan heading dan sub heading dengan kata-kata 
mencolok. Ganti pula gambar beserta deskripsinya sesuai 
produkmu. Untuk section ini warna background tidak perlu 
diganti. Agar warna background berselang antara dark dan 
light. 


TO naa me 


Belajar 
WordPress GE 


Sampai - K P 
Tuntas : mn Dea 
4 KA" 


Gambar: Tampilan Hasil About Section 


8.5. Membuat Features Section 
Bagian selanjutnya adalah features section yang menampilkan daftar 
fitur unggulan yang ada pada produk kita. Kita perlu memasukkan 
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beberapa fitur yang akan menjadi branding keunggulan produk 
kita. 


1) Add Template elementor. Pada menu Blocks, cari dengan kata 
kunci “features”. Pilih template yang berisikan satu gambar 
dikelilingan empat ikon dengan latar belakang gelap. 


Gambar: Memilih Template Features Section 


2) Ganti isi konten Icon Box: ikon, judul, dan deskripsinya. Sesuai 
dengan fitur-fitur unggulan yang ingin teman-teman 
tampilkan. Ganti pula gambar ponsel dengan gambar 
produkmu. 


3) Edit section, ganti warna background dengan salah satu warna 
gradient pada Hero Section. Misalnya warna hitam atau merah. 
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BUKU SAKTI 
WOROPRESS 


MUDAH MDA T 


te 


KOWSLATASI 


Gambar: Tampilan Hasil Features Section 


8.6. Membuat Gallery Section 


Untuk beberapa produk fisik, website perlu menampilkan gallery 
foto produk yang membuat pengunjung terpikat untuk memiliki 
produk. Maka, gallery section sangatlah diperlukan. 


1) Instal dan Aktifkan plugin Essential Addons for Elementor. 
Plugin ini akan menambah beberapa blok tambahan untuk 
menambah fungsi halaman elementor. 


Easaritial Addons for Elomentor 


| 
r mua iroorafi rita Ckerrasa hari C4: ji 
NN lu Kebal Ma! 
Cakar Das 
ka F 
Ol Teki Ora: Tarang ia 
(En Drain ka Kie 2 Kempaia nnan ver Wo Pie an da 


Gambar: Plugin Essential Addons for Elementor 


2) Pada editor, tambahkan section baru dan masukkan blok Image 
Accordion. Tampilan awalnya akan seperti ini. Gambar akan 
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bergulir dan menampilkan keterangan apabila kursor 
mengarah pada gambar tersebut. 


-. PX #econdionjtemtine -. Ae -. Pad 


Gambar: Tampilan Awal Blok Image Accordion 


3) Lakukan pengaturan pada setiap Accordion item. Ganti 
background image, title dan content dari setiap image accordion. 
Gunakan foto-foto dan keterangan produk terbaik. 


8.7. Membuat Testimonial Section 

Testimoni sangat penting untuk ditampilkan untuk menguatkan 
promosi produk. Biasanya pengunjung akan menjadi lebih tertarik 
apabila membaca testimoni baik pengguna lain. 


1) Add Template elementor. Pada menu Blocks, cari dengan kata 
kunci “testimoni”. Pilih template yang berisikan tiga testimoni 
dengan latar belakang gelap. 
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Gambar: Memilih Template Testimonial Section 


2) Ganti konten testimoni dengan testimoni produk yang teman- 
teman miliki, meliputi judul section, isi testimoni, nama 
pelanggan, pekerjaan pelanggan, dan gambar pelanggan. 


3) Edit section, ganti warna background dengan salah satu warna 
gradient pada Hero Section. Misalnya warna hitam atau merah. 


Apa Kata Mereka 


Gambar: Tampilan Hasil Testimonial Section 


8.3. Membuat FAO Section 

Freguently Asked Ouestion atau FAO merupakan kumpulan 
pertanyaan dan jawaban yang sering ditanyakan oleh pelanggan. 
Dengan adanya FAO Section, pengunjung tidak perlu lagi 
menanyakan pertanyaan yang sama. 
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1) Add Template elementor. Pada menu Blocks, cari dengan kata 
kunci “fag”. Pilih template yang berisikan FAO dropdown dua 
kolom dengan latar belakang terang. 


On 


Gambar: Memilih Template FAO Section 


FAO 


Gambar: Tampilan Awal FAO Section 


2) Silakan ganti setiap teks pertanyaan dan jawaban dengan 
pertanyaan yang biasa ditanyakan pada produkmu. 
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8.9. Membuat Formulir Kontak Email 


Kita dapat menambahkan formulir kontak untuk mempermudah 
pengunjung bertanya lebih lanjut mengenai produk melalui email. 
Kita bisa menggunakan formulir kontak yang akan mengirimkan 
pesan secara langsung ke email kita. 


1) Instal dan Aktifkan plugin Contact Form 7. 


Conte Form 7 Pe belikan 


An Da an ta Den tunai r F Ladaibai 


uan Menit Dipesan Ol mangga baba 


Me dai Diroaniadaa Adri 3 opa dangan ea Pd na Andi 


Gambar: Plugin Contact Form 7 


2) Buat formulir kontak baru dengan masuk ke menu Contact -- 
Tambah Baru. Beri judul dan atur isi formulirnya. Biarkan 
default jika tidak perlu perubahan. 


Fama Koneak Pecah 


aa 


Gambar: Membuat Formulir Kontak Baru 


150 | Muhammad Fadillah Arsa 


Pada tab Mail, kita juga bisa mengatur pengaturan email seperti 
alamat email pengirim, asal email, subjek email, dll. 


DN Pn Ai 2 


Gambar: Melakukan Pengaturan Formulir Kontak 
Kemudian klik Save. 


3) Copy shortcode yang terdapat di kolom berwarna biru. Pada 
kasus saya, berarti saya copy kode (contact-form-7 id-"7" 
title-"Formulir Kontak Produk"). 


Fa konak daa 


Formulir Kontak Produk 


Ad entah ternak pai ena Warna Kamar Mencari maa gp nba Adi 


Gambar: Formulir Kontak Berhasil Dibuat 


4) Selanjutnya masuk kembali ke editor Elementor. Tambah 
section dan block baru Html. Paste shortcode nya di bagian kode 
HTML pada blok elementor tersebut. 
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Slmentbor -l Sunting HTL 


Gambar: Menambahkan Shortcode Formulir ke Blok Html Elementor 


5) Hasilnya akan menjadi seperti gambar di bawah ini. 


E saia anda 


Pena na maa 


Gambar: Formulir Kontak Berhasil Dibuat 


6) Lakukan ujicoba untuk memastikan formulir kontak berjalan 
sebagaimana mestinya. Apabila email tidak terkirim, coba 
lakukan pengaturan Email SMTP website terlebih dahulu. 
Dibahas pada bab Lain-lain. 
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8.10. Membuat Formulir Kontak WhatsApp 


Jika sebelumnya kita sudah belajar membuat formulir kontak ke 
Email, kita juga bisa membuat formulir kontak yang terhubung ke 
WhatsApp. Tentu dikarenakan WhatsApp lebih mudah dibuka 
ketimbang email. 


1) Instal dan Aktifkan plugin Caldera Forms. 


Caldera Forms — More Than Contact | puganan | 


Forma 
me Ba ea ie aa NT le ai 
Sea dag bani, el eng, Papa Kapan and 
da 
Li AAN Teman Diplo 4 adas lala 
Ki bi resa eni kelar dug abengan sed Wong enda 


Gambar: Plugin Caldera Forms 


2) Masuk ke menu Caldera Forms -» Forms. Kemudian klik 
tombol New Form. 

3) Pilih tipe Blank Form. Isikan nama formulir yang akan dibuat, 
misalnya 'Formulir Kontak WA'. Kemudian klik Create Form. 
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Gambar: Membuat Blank Forms 


4) Untuk membuat kolom formulir. Drag n drop tombol Add field 
ke kotak putih yang tersedia. 


Layout Builder | sara | Pp add Pi 


Gambar: Menambahkan Field Form Baru 


5) Kemudian pilih tipe kolom yang akan digunakan. Lalu klik Set 
Field 
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hernia Line Test min mana 
mi Ang tg Tiba | 
Haleen - 
4 Hdas ——- 3 
Tenis Tau Aden - 


La rta MJ 


PF Para -——--. 
PE | ia 
Jk an au | 
Pi Find sate Mane) —— 
£ ai 
ter Piare Me ri and aa ai ena sabar 


Oei 


Ff Wombe 1 
2 Pns ce Tt annisa Nata Ni Minta T Di mali ani meraup La da | 
ii) Fraae Reset Mail | 1 
C Fian mai etis wedi mami sana 
? Fa tagih lamaran —— 
- Kesan Tien ma bi jare 
di Unas 


me CE AFI to 


Kiki 
AA aa For ena add 


? Il 


Gambar: Macam-macam Tipe Field 


6) Misalnya kita pilih Single Line Text untuk membuat kolom 
nama lengkap. Setelah itu di samping kanan isikan kolom 
Name dengan nama kolomnya yakni 'Nama Lengkap”. Maka 
kolom slug akan terisi otomatis. Kolom slug ini penting, jadi 
harap diingat. 
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Karna Lengkap 


Tila Tipr Dera ar ari - 
e (isasam 
Harman Kama Lengan 

Hadi Laba 

saj Pera ega 


Gambar: Membuat Nama Kolom 


7) Sebagai contoh saya membuat empat field yakni Nama 


Lengkap, Email, Pesan, dan Kirim. Berikut tipe field yang saya 


gunakan. 


Nama lengkap - Single Line Text 
Email -» Email Address 
Pesan - Paragraph Text Area 


Kirim -- Button 


Gambar: Pembuatan Field Formulir di Caldera Forms 


8) Selanjutnya masuk ke tab Processors. Klik tombol Add 
Processor. 
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tiri Ape Hana ML 


Pom Prodi 


Gambar: Menambahkan Processor Formulir 


9) Pilih Redirect. Klik tombol Use Processor. 


13 Fario Kerp di 
, ja “ Sada Ja an un Pena aa ai 


AA 


Maa Procraoi | 


O Ga Paud 
Ch Ae resa Kamu bs LE an maen cab Len Proreaaan 


. Sandhora Pegel 


lisg Process 
Se di 10 Oei Apar deeh Oh on | Asi Uavhemtda | 


O Incramani Valoa 
aa Kon eps eni | Use Frpceesar 


Gambar: Membuat Processor Redirect 


10) Pada kolom URL. Kita isikan url pesan ke nomor WhatsApp 
kita. Isikan dengan: 
https://wa.me/6281xxxxxxx?text-Hallo Kak, Saya mau bertanya 
40A Nama Lengkap: Yonama lengkap”o #0A Email : Ysemail/o 
X0A Pesan : Yopesanfo 
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Redirect 


Pera use in LI on uteri ruh Mba Peta | 
Lal Into Waane/p33 1323273708 tea Hallo Kak Saya mau berta: | 
Kadonci Maag Pede 

Maranga bear anon wetan ta on ip Ai Adi (ooda 


Gambar: Mengatur URL Redirect ke WhatsApp 


11) Ganti 6281xxxxxxx dengan nomor WhatsApp kamu. Wajib 
menggunakan awalan 62 bukan 0. 

12) Perlu diketahui Yonama lengkap, (semail/o, dan Yopesan/o 
adalah slug kolom yang telah kita buat sebelumnya. Sedangkan 
#0A adalah kode untuk Enter. 

Kode lainnya: #63A untuk tanda titik 2 (: ), 20 untuk spasi, 
”62C untuk tanda koma (,), dan 9621 untuk tanda seru (!) 

13) Selanjutnya klik tombol Save Form. 

14) Masuk ke bagian Form Settings. Disana sudah terdapat kode 
Shortcode dari formulir kontak yang telah kita buat. Tinggal 
gunakan shortcode dengan cara copy paste ke blok Html seperti 
halnya materi Membuat Formulir Kontak Email yang telah 
dijelaskan sebelumnya. 
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kan an 


T' Tubi 
ferra li Enya 


Gambar: Melihat Shortcode Formulir Caldera 


15) Maka formulir kontak WhatsApp sudah bisa kita gunakan. Dan 
pesan akan menjadi template chat WhatsApp ketika kita klik 
tombol Kirim. 


Me Lengknp 


Mama Foo Ana 


Gambar: Hasil Formulir Kontak WhatsApp 
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EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB IX 
MEMBUAT WEBSITE 
ORGANISASI 


Penting bagi sebuah organisasi untuk membuat sebuah website 
yang membantu proses pelaksanaan kegitan yang diadakan. Pada 
bab ini, kita akan belajar membuat website organisasi yang fiturnya 
dapat diimplementasikan untuk website organisasi kampus, 
lembaga kemasyarakatan, atau bahkan sekolah. Namun, bab ini 
tidak akan menerangkan secara rinci dikarenakan fitur-fitur 
website organisasi hampir sama dengan fitur blog pribadi. Saya 
hanya akan menjelaskan cara penambahan beberapa fitur yang 
sangat bermanfaat untuk organisasi. 


9.1. Pengelolaan Tipe Akun 


Biasanya organisasi melibatkan banyak orang berkepentingan 


untuk mengelola website. Biasanya dalam satu website hanya boleh 
ada satu orang yang memiliki hak admin, tipe akun dengan hak 
tertinggi di WordPress. Khawatir akan terjadi perubahan konten 
atau pengaturan website apabila terdapat banyak admin. Untuk itu 
diperlukan pengelolaan tipe akun pada website organisasi. 


Buat akun baru dengan hak tertentu untuk pihak yang akan mengisi 
konten website melalui menu Pengguna -- Tambah Baru. Berikut 
penjelasan beberapa tipe akun pada WordPress. 
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» Administrator : Tipe akun terkuat pengguna WordPress. 
Diberikan kepada orang yang dapat memiliki hak penuh atas 
pengaturan website. 


6» Editor : Tipe akun yang memungkinkan melakukan 
pembuatan, penyuntingan, menghapus dan mempublikasikan 
pos. Editor juga dapat memoderasi, mengedit, dan menghapus 


komentar juga. 


e Author : Artinya penulis. Tipe akun ini hanya dapat menulis, 
mengedit, dan mempublikasikan pos mereka sendiri. 


6» Contributor : Tipe akun yang memungkinkan untuk 
menambah posting baru dan mengedit pos mereka sendiri, 
tetapi tipe akun ini tidak bisa mempublikasikan pos. 


» Subscriber : Subscriber artinya pelanggan. Tipe akun ini tidak 
memiliki hak untuk mengelola website. 


9.2. Membuat Kalender Kegiatan 
Dalam sebuah organisasi, kalender kegiatan biasanya dibutuhkan 


untuk menandai tanggal-tanggal penting berjalannya suatu 
kegiatan atau hari besar. Anggota organisasi akan lebih mudah 
melakukan pengecekan kegiatan penting melalu website tanpa 
harus bertanya melalui sosial media. 


1) Instal dan Aktifkan plugin The Events Calendar. 
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The ewanis Calendar read daya jera 


a ognetul one San mall Dackan Liabgjitan 


ai mama ai 


Eri Teiradehidr Ohesartanuak 4 Kuaii badi 


MOO.D berada Wil Mon dea yr Ma Adi 
Gambar: Plugin The Events Calendar 


2) Tambahkan event/kegiatan baru melalui menu Events - Add 
New. 


Tambahkan judul dan deskripsi kegiatan. 


Jala eni lan 
Ja DI AB ma Ul ae Ahir RI 
ak ri (13 TN au | lal 
Meniti ani lai kanoitidiasii aa sms ena adan Saba tea 
Temamadata Soda doa dya dakanosadan di pecaadun terndan 


La viri2” paAMI Ulun hanrai daushas 


Gambar: Menambahkan Judul dan Deskripsi Kegiatan 


Isikan detail kegiatan pada bagian The Events Calendar seperti 
waktu dan tanggal kegiatan, lokasi kegiatan, pengelola 
kegiatan, dan website kegiatan. 
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—r 


Gambar: Menambahkan Data Kegiatan 


Setelah itu, tambahkan kategori dan gambar andalan pada 
sidebar sebelah kanan. Kemudian pilih Terbitkan. 


3) Halaman kumpulan kegiatan dapat diakses melalui alamat 
urlwebsitemu/events, kita bisa menambahkan alamat tersebut 
menjadi sebuah menu baru. Berikut tampilan hasil pembuatan 
kalender kegiatan kita. 


| sum | es 


Now crmarda 


“ 


Gambar: Tampilan List The Events Calendar 
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Kita bisa melihat daftar kegiatan dalam beberapa jenis 
tampilan: List, Month, dan Day. 


Cinta bai 2020 
-2, ul ia i | a 
1 LJ hj ” " "1 " 
ui Ab ia il ali TT ii 


Gambar: Tampilan Month The Events Calendar 


9.3. Membuat Formulir Pendataan 
Kita bisa membuat formulir pendataan layaknya Google Form di 


website dengan menggunakan plugin. Formulir pendataan ini 
dapat digunakan untuk tujuan kontak, pendataan keanggotaan, 
pendaftaran acara, survei, testimoni, pembayaran, dll. 


1) Instal dan Aktifkan plugin Formidable Form Builder. 


Fuad Form Builder — dortaci i kar 
Pamen, Suap & Oei Pori Megan For 
WandPress 
He ai emosi Aa Pin hama pagar ari besand 
AA Karan en aa mag Bebi 
TA na 
tai da ampe ting ana Mean en 


Gambar: Plugin Formidable Form Builder 
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2) Masuk ke menu Formidable -» Forms (Lite). Kemudian klik 
tombol Add New untuk membuat baru. 


3) Pilih Blank Form. Kemudian isikan judul form yang akan 
dibuat, lalu klik Create. 


d2 
Peredaltaran Anggota Oryanisasi 


Firm Learn iprte 


Gambar: Membuat Formulir Baru 


4) Selanjutnya kita hanya perlu melakukan drag n drop field yang 
ada di sebelah kiri ke sebelah kanan. 


4 bani tF Agan Pirena Le nkag 
Chorkbaang ARP Media Iis 
Tara ai su Panah 
na | | Menara 
Pera ITE 

TE  Heklen an | 

Bi mOAFIdA 


Gambar: Menambahkan Field Formulir Baru 
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5) Selanjutnya klik field yang telah ditambahkan, kemudian atur 
field pada bagian Field Optios di sebelah kiri. Misalnya 
mengubah label dan mengatur reguired (wajib diisi) atau 


tidaknya. 


Add Heda He Ooo 


Paragraph Fisld 
Feld Label 


Motivasi Mendaftar Organisasi 


«| Beguired 
Gambar: Mengatur Field Formulir 


6) Buat field lainnya yang ingin dibuat, setelah selesai klik Update. 


Iri KN ircbris sa 


Entriss When 


daa Lerregarga " 


Kala 
AA 
3 SA 


MIN SAN 


Gambar: Membuat Field Formulir 
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7) Masuk kembali ke menu Formidable -- Forms (Lite). Kemudian 
salin kode formulir yang tertera pada kolom shortcodes. 


sb 2 
Entriss Kej Shartoodies Date 
canter farm J2 
pendafarandngga Aarrad abs id PUT la 


Kai Tea Pa daa 


Gambar: Menyalin Shortcode Formulir 


8) Buat laman baru melalui menu Laman -- Tambah Baru. 


Kemudian tempel kode tersebut pada bagian editor. 


Pendaftaran Anggota 


— 
II Martaren | 
1 


Gambar: Menempelkan Shortcode Formulir di Laman 


9) Maka kita telah berhasil membuat formulir kustom yang bisa 
kita gunakan untuk berbagai keperluan. 
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Pd aa age 


Kela " 
La Kana, 
Dg SWA 
ai Sd 


Abate Menata (ea 3 


Gambar: Hasil Implementasi Formulir Pendataan 


10) Setiap data isian formulir akan masuk ke menu Formidable -- 


Entries. 


9.4. Membuat Kuis/Latihan Soal 


Organisasi atau sekolah bisa membuat kuis berisikan soal-soal yang 


dapat dipergunakan untuk kepentingan formal seperti ujian, 


ataupun hanya sebagai hiburan semata. 


1) Instal dan Aktifkan plugin Ouiz Maker. 


Goa Mpok Me eng 
l 
LIL AAA. peargar Ig 3 Tuk ar nasi 
ii eri 
Pa 
Te Te ae gp da 9 Padi ai 
KE mean ini Png ngan aa on Pe nda 


Gambar: Plugin Ouiz Maker 
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2) Untuk membuat kuis baru, masuk ke menu Oviz Maker -- 
Ounizzes » Add New. 


3) Isikan setiap kolom formulir yang tersedia. Seperti judul, 
gambar, deskripsi, dan kategori. 


Gene Semings 


“.. 4 Warga Powwata 


Gambar: Mengisi Formulir Pembuatan Kuis 


4) Kemudian tambahkan pertanyaan dengan menekan tombol 
Add Onestion. Kemudian klik Create Ouestion. 


Oren giessior 


eat ary pi 


Gambar: Menambahkan Pertanyaan Baru 
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5) Isikan formulir pembuatan pertanyaan. Tambahkan gambar 


pertanyaan, teks pertanyaan, tipe pertanyaan, dan opsi 
jawaban. 


General Settings 

Ea ag 
Pa Ta IN DN Ga ma 
1 bd tra, 
ATB TEE 
“P t "3 : 1 : 4 r 

G3 Terbatas bacan || GP) Laraeats — | 

hwa 050 


“K3 3PIKKOL- 
Dhabrgha "resa yptaore busnrah Gisanulkan 211 


Gambar: Menambahkan Gambar dan Pertanyaan 


Oon ai 


hadi 


Prana (3) 
# 3 # 2 #abutan 
da T aza | Tana 
aja 1 Pn 


Saran Para 


Gambar: Menambahkan Tipe Pertanyaan dan Opsi Jawaban 
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Setelah itu klik Save and Close. Buat pertanyaan-pertanyaan 
lainnya. 


6) Masuk kembali ke halaman pembuatan kuis. Klik Save terlebih 
dahulu. Kemudian klik kembali Add Ouestion. Pertanyaan 
yang telah kita buat sudah muncul. Ceklis pertanyaan yang 
akan dimasukkan ke dalam kuis, kemudian klik tombol, Select 
guestions. 


Ce Nur. mada 


Gambar: Memilih Pertanyaan untuk Kuis 
7) Setelah itu klik Save and Close. 


8) Salin kode yang tertera pada bagian shortcode. 


01 te 7 aladin Shertoe 


' Aw ———N 
01 Kam date Pramuha Mirasih urai | les merta 
L | 


Peta era CAS sirmd in Aan | 
| t TAP Uncategories | faprgalr k27 | 


Gambar: Menyalin Shortcode Kuis 
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9) Buat laman atau pos baru melalui menu Laman -- Tambah 
Baru. Kemudian tempel kode tersebut pada editor. Kemudian 
Terbitkan. 


. Kuis Pramuka 


Gambar: Menempelkan Shortcode Kuis 
10) Selamat, kuis sudah bisa digunakan. 


bata. BO & an na 


MUTS MATERI PRAMUMA 


Mn apuata mtian pevan 


Gambar: Hasil Implementasi Membuat Kuis 
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9.5. Membuat Fitur Forum 


Meski mulai tergantikan oleh adanya media sosial, forum online 
berbasis website terkadang masih dibutuhkan. Beberapa organisasi 
atau kampus pun masih menggunakan forum berbasis website 


untuk mendukung komunikasi antar anggotanya. 


1) Instal dan Aktifkan plugin bbPress. 


113 Peak har Depebrbamra 2 beli dedi 


li Tm Ik Mpg dengan peng Word Ati 
Gambar: Plugin bbPress 


2) Setelah memasang plugin bbPress, akan muncul menu baru 
Forum. Kita dapat menambahkan forum baru melalui menu 
Forum -- Add New. 


Tambahkan judul forum dan deskripsinya. Kemudian klik 
tombol Terbitkan. 
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Organisasi Sewa Intra Sekolah 


Peka. Ni Ma ia ar Old IL ad ah ai Maa ata | 5. 
BP Samnatanl 
r rn it23#3.#rB 
Fat ed aa oa ja Ta MA ng pnp Je lal ai Ora Sa ina teka jas 


Gambar: Menambahkan Judul dan Deskripsi Forum 


3) Kita dapat membuka forum-forum yang telah kita buat pada 
alamat urlwebsitemu/forums seperti gambar di bawah ini. 


YOKRUuk 


Ga Ta jum akh Sa 


ae 


Gambar: Melihat Forum yang Aktif 


4) Pengguna website dapat mendaftar/registrasi akun di website 
tersebut kemudian membuka forum yang ingin diikuti. Setiap 
pengguna dapat mengirimkan pertanyaan baru dengan 


mengisi formulir yang tersedia yaknijudul topik dan isi diskusi, 
kemudian klik Kirim. 
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DANSA LA IMA TENGAH 


Pu an 


Pe ea aa AB 


z 2 Gap 
aa 
Tn "imi 
ba Kapan 
aa an la 


Gambar: Mengirim Topik Diskusi Baru 


5) Setelah mengirim topik diskusi, pengguna lainnya akan dapat 


membalas topik diskusi yang telah dibuat. 
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Si Bela tu maan Kap 


Gambar: Topik Diskusi Pada Forum 


9.6. Membuat Sejarah/Timeline Organisasi 


Kita bisa memberikan informasi mengenai sejarah maupun timeline 


kegiatan organisasi melalui sebuah keterangan timeline. 


1) Instal dan Aktifkan plugin Cool Timeline. 


- Cool Tinolirie Ina as kainny 
f Care Ten Word Pa 2 can 1 Ti 1 
h yg biner Fa DS 


Ti Pameran “pliyonr laarrasi 2 Koruaklrn Unlaa 


NO Male Ai 3 abs Pena as Wana Ada 
Gambar: Plugin Cool Timeline 
2) Masuk ke menu Timeline Stories -- Add New. 


3) Tambahkan judul dan deskripsi sejarah atau timeline kegiatan. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 177 


Kepala Sekolah Baru 


Peda jr Kla ia—i 


Pi ara dm Mi 
“1 TOovurIatOnaSk 
Tedi Lusi aa Korgoondas #etoodala born petai dinsangekoar yadon Vengasi 


#bebamanad. Farlilali Are mengpurilen kepala seklah seschmurga 
Hapak Waraia 


Gambar: Menambahkan Judul dan Deskripsi Timeline 


4) Selanjutnya pada bagian Timeline Story Settings, inputkan story 
date/year dengan menggunakan datepicker yang tersedia. 


Timelre Story Settings 


Siory Date i Year” 


TAI 000 am 


| O | oet | 1090 | MG (TS using datepicker only 


Sa Mo Ti We Th Fr Sa 


IE 2 01I Ik 49 
Gambar: Mengatur Waktu Timeline 


5) Tetapkan gambar andalan, kemudian Terbitkan. 


6) Buat beberapa sejarah atau timeline kegiatan, lakukan seperti 


cara sebelumnya. 
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7) Buat laman baru melalui menu Laman -- Tambah Baru. 
Kemudian tambahkan blok konten Cool Timeline Shortcode. 


Da bkk 


T aja ai 
Paraorat | cl Tinedirs Cod Timeire - 
| horni Insan Rusder 


|) 


Gambar: Menambahkan Blok Cool Timeline Shortcode 


8) Kita bisa mengatur pengaturan blok timeline tersebut pada 
sidebar sebelah kanan pada bagian Timeline Settings. 


Tenda Petinga sik 
Hei Lap 


Sae Kata da Ia da aa 
Dorpias Hari Para! 

td | 
aa Sr Sbae Pag Prana der Pa 
Pen ena Tina 
Tinta Pora 


Gambar: Mengatur Blok Timeline 
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9) Setelah itu terbitkan laman. Berikut tampilan halaman 
sejarah/timeline organisasi kita. 


Dyaraa Livee va Lana mangan teen ertantat 


L 
Mati wat: bang an char bara me sama Sarana 
“re rana da praa 


Gambar: Hasil Implementasi Sejarah/Timeline Organisasi 


9.7. Membuat Halaman Anggota Organisasi 


Beberapa web organisasi membutuhkan informasi mengenai 


pengurus atau anggota organisasi. Pada WordPress, kita juga bisa 


membuatnya. 


1) Instal dan Aktifkan plugin Team Members. 


5 0 Team Members ye 
ET 


Kai beta Debu 9 bei he iii 


dik Ta rena al Mona ena ira engan Pieaa aka kh 
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Gambar: Plugin Team Members 
2) Masuk ke menu Teams -- Add New. 
3) Tambahkan nama judul tim, misalnya Pengurus Organisasi. 


Penguru Opini 


ema ja mam 


Maa Mi 


AA be Ea Medan menda bun "ambon Ti ye masi 
Gambar: Menambahkan Nama Tim 


4) Klik tombol Add Member untuk menambahkan anggota 
tim/pengurus organisasi. Kemudian isikan setiap kolom 


formulirnya. 


AA Darbakararhara abi Ok riak KN | 


Gambar: Menambahkan Data Anggota Baru 


5) Tambah anggota tim lain dengan kembali menekan tombol Add 
Member. Setelah menambahkan beberapa anggota, atur posisi 
anggota dengan menggunakan tombol panah atas bawah yang 
ada di pojok kiri atas. 
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A 4. Muhammed Fadillah Arsa 


Member detarls 
Gambar: Mengatur Posisi Tata Letak Anggota 


6) Lakukan pengaturan pada bagian Settings, kemudian klik 
Terbitkan. 


7) Kemudian masuk ke menu Teams -- All Teams. Salin kode 


yang terdapat pada bagian Shortcode. 


Tanggal Shostcode 
Telah Terbit jaman names penyuns-organisasi") 
ARGO pukul Yam 


Gambar: Shortcode Daftar Anggota 


8) Buat laman baru melalui menu Laman -- Tambah Baru. 
Kemudian tempel kode tersebut pada bagian editor konten. 


Setelah itu terbitkan laman. 


| Eh Taribaahkan bada | 
agrai Lil B Tr LE 1 Ed z & 5 & Es It 


fara name "pengans-ngganasasi | 
Gambar: Menempelkan Shortcode Pada Laman 


9) Hasil dari halaman anggota organisasi yang kita buat adalah 


sebagai berikut. 
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Aa 


Mo bae Santi tao Lina Loryyat Noer Arta 


Gambar: Hasil Implementasi Halaman Anggota 


9.8. Cara Embed Google Form di Website 


Banyak yang masih memilih Google Form sebagai layanan untuk 


membuat formulir karena kualitasnya yang baik. Untuk 
melakukan embed alias menyematkan Google Form ke dalam 
website caranya sangat mudah. 


1) Buat Google Form seperti biasanya. Klik tombol Kirim di 


ujung kanan atas. 


2) Pilih tab Semat « » kemudian klik Salin. Paste kode di blok 
Html pada editor WordPress. 


Kim formulir » 
Oi 
Ba mes - li uh no 
aib bai be, 

Aa An TA peak ii TR Ae PM ARTA 
Ma klg 2 L 


(ea, tem 


Gambar: Menempelkan Shortcode Pada Laman 
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“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB X 
MEMBUAT TOKO ONLINE 


Di era digital saat ini, toko online mulai dibutuhkan oleh banyak 
bidang usaha. Dengan membangun toko online, produk dengan 
mudah dipasarkan ke seluruh penjuru tanah air tanpa adanya 
batasan. Toko online berbeda dengan marketplace, toko online 
merupakan sebuah website yang dibangun khusus untuk hanya 
memasarkan produk yang kita miliki. Dengan membuat toko 
online, kita dapat memasarkan dan mengelola pemasaran produk 
kita dengan lebih leluasa. Pada bab ini kita akan belajar membuat 
toko online dengan cepat dengan menggunakan WordPress dengan 
studi kasus membuat toko perlengkapan sekolah. 


10.1. Memasang Plugin WooCoommerce 

Plugin WooCommerce ini adalah kunci untuk membuat website 
toko online pada WordPress. Plugin inilah yang akan memberikan 
fitur toko online pada website WordPress. 


1) Instal dan Aktifkan plugin WooCommerce. 


Wogtommeros KiEtibaa 


Ian Menaker Dipa baris 1 rei lai 


Ya bata Meh kkii Epi degan ani Sena Ada 
Gambar: Plugin WooCommerce 


Ikuti pengaturan singkatnya, klik Ya. 
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(NCT) commerce 


Bui Kak ana Arda dai peda kasi dangan Led camp si kei pm ala bapak 


lema ang bau dan tah ai ngan 


Gambar: Pengaturan Singkat WooCommerce 


2) Isikan alamat toko kita: alamat, negara/provinsi, kota, dan kode 
pos. Kemudian klik Continue. 


3) Pilih jenis toko yang akan dibuat, kemudian klik Continue. 


4) Pilih tipe produk yang akan dijual. Apakah produk fisik saja 
atau juga menjual produk unduhan/digital. Kemudian 
Continue. 


5) Berikan informasi mengenai usaha teman-teman. Dan matikan 
seluruh centang pada produk tambahan yang ditawarkan. 
Kemudian klik Continue. 
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Sea ion aan Karat 
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Gambar: Memberikan Informasi Bisnis WooCommerce 
6) Continue with my active theme. 


7) Enhance your store with Jetpack and WooCommerce Services: No 
thanks. 


10.2. Mengatur Tema 

Hal kedua yang harus diatur setelah memasang plugin 
WooCommerce adalah memasang tema toko online. Perlu 
diperhatikan bahwa tidak semua tema yang tersedia di WordPress 
support untuk fitur toko online. Maka dari itu, kita perlu memilih 
tema khusus untuk Toko Online. Salah satunya adalah Storefront 
buatan Automatic. 
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Teman-teman bisa memilih tema toko online lain, tidak wajib 
menggunakan tema Storefront. Misalnya, jika teman-teman ingin 
menggunakan tema berbasis elementor, bisa dicoba tema Astra. 


a. Memasang Tema Storefront 


Instal dan Aktifkan tema Storefront. 


nak” 
mem | 
2 a— 
4 Wako 
h Pe KENA ANA ena Pap 4 
MAA Aa 
www 
Tks Mo te 
Stareibont 


Gambar: Tema Storefront untuk Toko Online 
b. Menyesuaikan Tema Storefront 


Setelah memasangnya, mari kita percantik tampilan toko kita. Kita 
akan mengimpor demo dari tema Storefront. Pada notifikasi Design 
your store, klik Let's go!. 


Ba aa Ki AA ai KO Di da ia dm Da Di Wb da ia ya Kp 


Dor PN ln ln Cit) bae ea iga Iatias 


Gambar: Design Your Store Storefront 
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Ketika ada popup tour, pilih No thanks, skip the tour. Cukup klik 
terbitkan. Lihat hasilnya, website kita telah dipasangi tampilan 
demo yang akan memudahkan kita mengaturnya. 


Tokos Pertergkapan Sevalah 
- - 
Welcome 
5 MAAN AEEYAN GPR DANA LAI Ur et pi 4 
Modena aa kar belaka daki A 
.— 18 - 
g- 2» 


Gambar: Tampilan Website Setelah Impor Demo 


Halaman beranda tersebut nantinya dapat kita kustomisasi melalui 
laman Homepage. Lakukan pengaturan tampilan setelah teman- 
teman selesai membaca semua bagian pada bab ini. Lakukan 
pengaturan secara mandiri laman dashboard, tampilan, menu, 
widget, footer, dan lain sebagainya sebagaimana tata cara yang 
telah kita pelajari pada bab-bab sebelumnya. 


10.3. Mengatur Pengaturan Akun WooCommerce 


Kita dapat menambahkan formulir kontak untuk mempermudah 
pengunjung bertanya lebih lanjut mengenai produk melalui email. 
Kita bisa menggunakan formulir kontak yang akan mengirimkan 
pesan secara langsung ke email kita. 


Ada beberapa pengaturan yang biasa saya lakukan setelah 
memasang plugin WooCommerce, yakni melakukan pengaturan 
Akun. Pengaturan tersebut dilakukan untuk menentukan 
bagaimana akun akan digunakan pada proses pembelian. 
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1) Masuk ke menu WooCommerce -- Pengaturan. Lalu klik tab 
Akun & Privasi. 

2) Saya biasa melakakukan pengaturan seperti di bawah ini untuk 
bagian Checkout Tamu dan Pembuatan Akun. 


bera Kentu Peru ai 


am. — 


Gambar: Pengaturan Akun WooCommerce 


3) Dengan pengaturan demikian, maka: 
» Pelanggan harus membuat akun ketika membeli. 
e Pelanggan bisa login saat checkout jika sebelumnya sudah 
memiliki akun. 
» Pelanggan yang belum memiliki akun, bisa membuat akun 
saat checkout pembelian. 
» Pelanggan akan membuat username dan password secara 


manual saat membuat akun. 


10.4. Menambahkan Produk Baru 

Untuk mengelola produk, semua terpusat pada menu Produk. 
Untuk menambahkan produk baru, masuk ke menu Produk -- 
Tambah Baru. 


Selanjutnya tambahkan nama produk dan deskripsi produk 
sebagaimana kita membuat pos. 
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mainan Pendule Panu 


Hernaja Patih Pola Lengan Penang 


ja 
" B..I ("3 5 TU Mu 
Hi pa Faja 
Mae Pa Pant j 
Dea as ka ia Mi 
Bean ea mane 
pita me 


n in 


Gambar: Menambahkan Nama dan Deskripsi Produk 


Kemudian tambahkan harga pada tab Umum. Isi harga normal 


dengan harga produk, isi harga obral apabila produk sedang 
memiliki diskon. 


Easa Pelek — | Aamlol dpspei 


” Ata bai Tapal daa 


LA. ada 
Aa 


Gambar: Menambahkan Harga Produk 


Tab Inventaris merupakan tempat melakukan pengelolaan stok 


barang. Kita dapat mencentang Kelola stok untuk dapat mengisi 
jumlah stok yang tersedia. 
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Gambar: Mengelola Jumlah Stok Produk 


Untuk Produk Fisik: Jika produk berbentuk fisik yang dapat 
dikirim, isi berat dan dimensi pada tab Pengiriman. 


Ohata Peni — Peda dara tm Wear Tera kb 
- Wi 
ai 

5 F 8 
Mi Perum 
Fi di Tania F dad arba batan pergarituar LAN | 
mn. ' 


Gambar: Mengatur Berat dan Dimensi Produk 


Jika Produk Digital: Jika produk berbentuk digital misalnya file. 
Centang kotak Virtual dan Dapat Diunduh. Kemudian masuk ke 
tab Umum untuk menambahkan berkas digital yang dijual. Isi 
bagian Berkas Dapat Diunduh dengan berkas digital tersebut. 
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Gambar: Menjual Produk Digital 


Jangan lupa untuk menambahkan kategori dan gambar produk, 
kemudian Terbitkan. 


Terakhir cek halaman website, lihat produk baru kita telah berhasil 
dibuat. 


Newin 


| Pa | 
Kerneja Futit Pesan Langgar Perdana Ureck Depati Tatar 
-. “aa .t.. 

Haa da aa ben (0 0th an berang An ta 


Gambar: Produk Baru Telah Muncul di Beranda 
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Gambar: Berhasil Menambahkan Produk Baru 


Setelah bisa membuat produk sendiri, silahkan tambahkan produk- 
produk kita yang lainnya. Jangan lupa untuk menghapus produk 
hasil impor demo. 


10.5. Membuat Kupon Diskon 


Kita bisa memberikan diskon ke pengguna melalui pemberian 
kupon diskon. Untuk membuat dan mengelolanya, masuk ke menu 
Pemasaran -- Kupon. 


1) Klik Tambah Kupon untuk membuat kupon baru. 


2) Tambahkan kode kupon unik pada bagian Kode Kupon, saya 
beri contoh MURAH77. 


3) Atur kupon pada bagian Data kupon. 


194 | Muhammad Fadillah Arsa 


Taibsahi Kapai Basi 


KLRAHTI 
Pa ran 
Win 
» 
wi “ 
Li Wi 
Gambar: Membuat Kupon Diskon 
Ada tiga tipe kupon: 


» Diskon keranjang tetap: Diskon dengan jumlah tetap 
untuk satu keranjang. 


» Diskon persentase: Diskon dalam bentuk persentase. 


e Diskon harga tetap: Diskon denganjumlah tetap untuk satu 
produk. 


Isi jumlah kupon dengan nilai diskon, jika tipe diskon tetap 
maka isi dengan harga potongan misalnya 77000 untuk diskon 
Rp77.000, jika diskon maka isi dengan persentase diskon, misal 
77 untuk 7790. 


Isi pula tanggal kadaluarsa kupon. 


Atur pula pengaturan lainnya pada Batasan Penggunaan dan 
Batas Penggunaan. Kita bisa membuat kupon berlaku hanya 
untuk produk tertentu, mengatur banyak kupon, dll. 


4) Terbitkan kupon. 
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10.6. Mengatur Metode Pembayaran 


Untuk mengatur metode pembayaran yang kita sediakan, masuk 
ke menu WooCommerce -- Pengaturan -- Pembayaran. Kita bisa 
menambahkan metode pembayaran Transfer Bank Langsung, 
Pembayaran cek, Bayar di tempat, dan Paypal. 


Misalnya kita akan mengaktifkan metode Transfer Bank. Maka 
aktifkan metode tersebut pada bagian Diaktifkan, kemudian klik 
tombol Siapkan. 


Arta Pembayaran 


Ae en na nba en PA dn ap ae un na la 


Pelari Tesbiifkan Pari 
Iraarar arik Lepeerng |. ang masa na hr 
Aa Pel — Sr PAD Bap Ui 
Mera03a parmbeta 
aa Ear di saran Ta Menunjang Mada Maan 
-. Paypal Sail — Par (m3 benda Peda mean 


Gambar: Mengaktifkan Pembayaran Transfer Bank Langsung 


Lakukan pengaturan, masukkan rincian akun bank di kolom yang 
tersedia. Inputkan Nama Rekening, Nomor Rekening, dan Nama 
Bank. 


Jangan lupa isikan kolom instruksi. Bisa diisi dengan perintah 
untuk melakukan konfirmasi pembayaran manual ke nomor 
WhatsApp setelah melakukan transfer. Contohnya “Silakan 
transfer ke nomor rekening di bawah ini. Wajib konfirmasi ke WA 
628xxxxxxx setelah transfer.”. 
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Gambar: Menambahkan Nomor Rekening 


Ketentuan Pembelian. Buat konten ketentuan pembelian selengkap 
mungkin sesuai kebutuhan 


10.7. Membuat Halaman Ketentuan Pembelian 

Penting bagi toko online untuk membuat halaman ketentuan 
pembelian untuk melindungi produk dan pelanggan. Contoh 
ketentuan pembelian bisa kita lihat seperti 
www.tokopedia.com/terms. 


Buat laman melalui menu Laman -- Tambah Baru dengan judul 
Ketentuan Pembelian. Buat konten ketentuan pembelian selengkap 
mungkin sesuai kebutuhan. 


Kemudian masuk ke menu WooCommerce -» Pengaturan - 
Pengaturan Lanjutan. Pilih halaman Syarat dan ketentuan menjadi 
laman Ketentuan Pembelian yang telah dibuat. Kemudian klik 
Simpan Perubahan. 
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Gambar: Mengatur Halaman Ketentuan Pembelian 


10.8. Proses Penjualan Produk 


Setelah membuat produk pastinya teman-teman akan bertanya 
“lalu bagaimana cara menjualnya?”. Berikut ini skema penjualan 
dan pengelolaan produk. 


1) Pembeli akan masuk ke website dan melihat-lihat produk. 


2) Ketika pembeli tertarik, maka pembeli akan menekan tombol 
Tambah ke keranjang. Pembeli bisa menambahkan beberapa 
produk ke keranjang. 


“ Kerneja Putih Pr los 
- - 2 
- Lengan Panjang 
1 : 
- . 1 4 
- 


Gambar: Menambahkan Produk ke Keranjang 
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3) Setelah pembeli selesai berbelaja, pembeli akan masuk ke menu 
Keranjang atau menekan tombol Lihat Keranjang. 


4) Pembeli akan memeriksa produknya dan melihat total 
pembayaran keranjang belanjanya. Selain itu, pada halaman ini 
pembeli juga dapat memasukkan kode diskon jika mereka 
memilikinya. Jika telah sesuai, pembeli akan memilih 


Lanjutkan ke Checkout. 
Peda Big Sik mala 
@ te ' 1 
| 
ai jjal Terapi kaitan F 


Tatad Aka 


Lanjutkan ke Checkout — 


Gambar: Mengecek Keranjang Pesanan 


5) Pembeli harus mengisi formulir data detail tagihan yang berisi 
identitas dan alamat. 
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Gambar: Formulir Detail Tagihan 


Jika seluruhnya telah terisi, pembeli akan menekan tombol Buat 
Pesanan. 


Rebana 
fatsaana Sig iba Ja 2 da Kru air 
Ta, na benang dlieliaan 


Manrufmuai KY PO MAL LOL Ka da Kd 


| aandenpik praaore 
| 
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ui 4 Ps | — 
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Gambar: Membuat Pesanan Toko Online 


6) Pembeli akan diberikan informasi bahwa pesanan telah 
diterima. Dan pembeli diberikan informasi mengenai detil 
pembayarannya. 
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Gambar: Informasi Pesanan Toko Online 


7) Kita sebagai penjual juga akan melihat adanya pesanan masuk 
di menu WooCommerce -- Pesanan. Menu ini merupakan 
menu pengelolaan pesanan yang masuk. 
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Gambar: Halaman Pengelolaan Pesanan 


8) Untuk mengelola pesanan, buka pesanan yang ingin dikelola. 
Lalu pada bagian status, ubah status pesanan sesuai dengan 
proses yang sedang dilakukan. Misalnya pembayaran tertunda, 
sedang diproses (pembayaran telah diterim), atau selesai 
(pesanan telah dikirim). Kemudian klik Perbarui. 

Data nomor Pesanan 45 


Tar Peraga Para 


Gambar: Mengubah Status Pesanan 


9) Setiap pembuatan pesanan dan pembaruan status. Website 
akan mengirimkan email kepada pelanggan. Untuk itu, 
pastikan website telah dilakukan pengaturan SMTP untuk 
memastikan website bisa mengirim email dengan baik. 
Pengaturan Email SMTP dibahas di bab lain-lain. 
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Gambar: Email Pesanan untuk Pembeli 


Seperti itulah sistem proses penjualan produk di toko online kita. 
Namun, pasti teman-teman bertanya, “bagaimana cara 
membedakan pesanan antar pembeli”, “bagaimana cara untuk 
melakukan konfirmasi pembayaran”, dll. Tenang, akan saya 
jelaskan di bagian-bagian selanjutnya. 


10.9. Kustomisasi Formulir Detail Tagihan 


Sebagaimana diketahui bahwa ketika pembeli melakukan 
pembelian, mereka harus mengisi detail tagihan yang sangat 
banyak untuk keperluan pengiriman barang fisik. Namun untuk 
toko online yang menjual produk digital, kebanyakan dari formulir 
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tersebut tidak begitu dibutuhkan. Maka kita bisa menyesuaikan 
formulir detail tagihan tersebut. 


1) Instal dan Aktifkan plugin Flexible Checkout Fields for 
WooCommerce. 


Morotai Pesible Checkout Flebds For betah seakan nj 
Wodtorrmmerte 
Maan nak 
Mam krmsi oabhep Cheers Miatebi alergi Add ai 
aja Kaho menang ge as opa ilahi & abadi 
Chad Fipldj 
Oei IL Dasi 
Ti Sebaik Class 5 Nia Lila 
Tue mis daa Sana bni ai Mas Pudi 


Gambar: Plugin Flexible Checkout Fields for WooCommerce 


2) Masuk ke menu WooCommerce -- Checkout Fields untuk 
mengatur formulir. 


3) Pilih bagian yang ingin dihapus. Misalnya akan menghapus 
alamat jalan. Lalu hilangkan centang Enable Field dan 
Reguired Field. 


Alamat jalan " Uegla Liru Taat 


Gereral Aposatatte Dan On Keane) 


| Enabla Flsid 
J-haguhed held 


Labsi 


MWarnat Jalan 


Gambar: Menghapus Beberapa Kolom Formulir 
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4) Sesuaikan sesuai kebutuhan dan jenis produk yang dijual di 
toko online. 


10.10. Kode Unik Pembayaran 


Di Indonesia, toko online biasa menggunakan kode unik 
pembayaran untuk membedakan antar transaksi. Biasanya 
menambah atau mengurangi tiga digit angka unik dari total jumlah 
pembelian. Kode unik ini juga sangat diperlukan untuk proses 
konfirmasi pembayaran atau jika menggunakan payment gateway 
midtrans. 


1) Instal dan Aktifkan plugin AW WooCommerce Kode 


Pembayaran. 
AW WooCommerce Kode Pembayaran beri kelar ny 
a (TU Aka end Pun dalan Plugin ii Tuba rar amel 
3 Mei Dear Tabir GIRO Oi oarualiosr Li Lake mna basi ion Dia Se 
mei #itelaharg ola 
35. o. 
— Md Fr ker lrannyal H Besalieu Luki 
SO taalan Aki Ta an cb dengan ebi Mine Ada 


Gambar: Plugin AW WooCommerce Kode Pembayaran 


2) Pengaturan pengaktifan dan penonaktifan kode pembayaran 
dapat dilakuka melalui menu WooCommerce -- Kode 


Pembayaran 
Kods Rias 
Pembayaran 
Total Rpans3i 


Gambar: Hasil Implementasi Kode Pembayaran 
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3) 


Hanya saja, untuk versi gratis, kita tidak dapat mengatur 
banyak. Semua menggunakan pengaturan default. Untuk dapat 
mengatur fitur-fitur lain seperti metode pengurangan biaya, 
kita harus membeli versi berbayarnya melalui 
https://www.agenwebsite.com/products/woocommerce-kode- 
pembayaran). 


10.11. Menambahkan Pilihan Kurir Sederhana 


Untuk menambahkan metode pengiriman sederhana, kita bisa 
memanfaatkan fitur Shipping default dari WooCommerce. Artinya 
setiap metode pengiriman dibebani biaya tetap tertentu tidak 
memandang jauh dekat jaraknya. Untuk menambahkan metode 
pengiriman sederhana, lakukan cara di bawah ini. 


1. Masuk ke menu WooCommerce -» Pengaturan -» Pengiriman. 
Pada halaman di bawah ini kita akan melakukan penambahan 
metode pengiriman. 


na 


man 


Gambar: Pengiriman WooComerce 


2. Klik tombol Tambahkan zona pengiriman. 
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Gambar: Menambah Zona Pengiriman 


3. Nah selanjutnya, buat Nama Zona pengiriman, isi saja dengan 
nama kurir. Misalnya JNE Seluruh Indonesia. 


4. Lalu, untuk wilayah zona pilih Indonesia. Jika teman-teman 
ingin membuat zonanya lebih spesifik bisa tambahkan provinsi. 


Soe gidmag — NE Seluruh Iedonesia 


Pkarrati Bora B0 | af Iu dora 
Walah sa Oo aa 
Ban Kake bt de PE Da ia 


Gambar: Membuat Zona Pengiriman Baru 


5. Selanjutnya tambahkan metode pengiriman. Atur menjadi Tarif 
tetap, kemudian klik Tambahkan metode pengiriman. 


Tembahkan metode pengifiman P 


Peran Dai 
ta 3 | 


ea ep 


Gambar: Tarif Tetap Pengiriman 
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6. Setelah itu, klik Edit pada Tarif tetap. 


Judi Diaketiikar 
z land tetap |. 
kost Hapu 
Gambar: Mengedit Tarif Tetap 


7. Masukkan biaya tarif pengiriman pada kolom Biaya. Misalnya 
kita isi dengan 15.000. Kemudian klik Simpan perubahan. 


Senja Dasa Yan ketag - 
kana Manga ak ha 
in aa 
kasa —. 
EA 


Gambar: Mengatur Biaya Tarif Tetap 


8. Kemudian klik Simpan perubahan. Pilihan metode 
pengiriman/kurir selanjutnya akan muncul di halaman checkout 
pembelian. 


Metode penginman a Tudai 


ea eror Peng ran 


Gambar: Menyimpan Pilihan Kurir 


208 | Muhammad Fadillah Arsa 


10.12. Cek Ongkir Otomatis Kurir Indonesia 


Selain membuat opsi kurir sederhana, kita juga bisa menggunakan 
plugin untuk mengecek biaya ongkir secara otomatis. 


1) Masuk ke web rajaongkir.com, kemudian daftar akun melalui 
menu Akun -» Daftar. Daftar dan konfirmasi email. 

2) Login di web raja ongkir kemudia masuk ke menu Akun -— 
Panel. Masuk ke tab API Key. Pada halaman tersebut terdapat 
kode API yang akan digunakan untuk dapat menggunakan 
plugin. Salin kode tersebut. 

3) Selanjutnya masuk ke dashboard WordPress, Instal dan 
Aktifkan plugin Woongkir. 


Woongkir putu mekorang 


Terakat Diperbarut ! ban ulu 


A 000. metikasi wet Bat Ia ngan vera Word ie Anta 


Gambar: Plugin Woongkir 


4) Lalu masuk ke menu WooCommerce - Pengaturan -- 
Pengiriman. Lalu klik tombol Tambahkan Zona Pengiriman. 
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Gambar: Menambahkan Zona Pengiriman 


5) Isi kolom Nama Zona dengan Indonesia, pilih Indonesia pada 
kolom Wilayah zona. Selanjutnya klik tombol Tambahkan 
metode pengiriman. Pilih Woongkir dan klik tombol 
Tambahkan metode pengiriman. 


Tombahikan metode pengiriman x 


Gambar: Menambahkan Metode Woongkir 


6) Setelah itu pastikan Woongkir telah aktif berwarna ungu. Lalu 
klik Woongkir. 
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Gambar: Mengatur Woongkir 


7) Setelah itu lakukan pengaturan alamat pengiriman pada bagian 
Province, City, dan Subdistrict. 


Pengaturan Woongkir 

Sidang Origin Praha bebbaa Sada! 43 
tiang Ong Dita engan Are - 
bang on 
Tax Shslas Para 5 


Gambar: Mengatur Alamat Pengiriman Woongkir 


Masukkan pula kode API yang telah kita salin dari web 
RajaOngkir pada bagian RajaOngkir API key. 


Pengaturan Woongkir 


Bane Cart Craterta Wengit tenang 


Parag HA Pr » 


Gambar: Memasukkan RajaOngkir API Key 
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Pada bagian Domestic Shipping, pilih metode pengiriman 
yang disediakan. Kita dapat memilih antara JNE, POS 
Indonesia, atau Tiki. Kita bisa mengupgrade paket di web 
rajaongkir.com untuk bisa mendapat fitur yang lebih tinggi. 
Kemudian klik Simpan perubahan. 

8) Pastikan semua produk WooCommerce yang kita jual telah 
diatur Berat dan Dimensinya. Jika tidak, Woongkir tidak akan 


berfungsi. 
Bias Pelldi Pj SnPreta ag wr Ban ria 
£ ' & 
- . 
“ 
AP isak Tana rian Pr KAA AG tapi aa «| 


Gambar: Memastikan Berat dan Dimensi Barang Terisi 


9) Hasilnya, fitur cek ongkir otomatis telah muncul di halaman 
checkout pembelian toko online kita. 
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Gambar: Cek Ongkir Otomatis di Halaman Checkout 


10.13. Formulir Konfirmasi Pembayaran 

WooCommerce tidak menyediakan fitur konfirmasi pembayaran 
untuk pelanggan yang telah melakukan pembayaran. Namun fitur 
konfirmasi pembayaran sangat penting digunakan agar pengguna 
dapat mengirimkan file bukti pembayaran. 


1) Instal dan Aktifkan plugin WooCommerce Confirm Payment. 


Wootommeree Cenafirm Pamen Ma MERE | 


Anung ceri maen era Lebay 


Teen san ke Eye besaran 7 Ungkari Lala 


Am Ines Aa Rabba Mag dear ane ond Pre audi 


Gambar: Plugin WooCommerce Confirm Payment 
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2) Pembeli akan menemukan perintah untuk mengonfirmasi di 
halaman detail pembayaran dan juga pada email pesanan. 


Bb Pa 


BIL HA AA KALA LLAH deh 


ia esai ai DP Bea cod ro Gp par bau ai Jalu 


IelasA SAT Dara, 


Gambar: Detail Pembayaran Dengan Perintah Konfirmasi Pembayaran 


Confim Payment 
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Gambar: Konfirmasi Pembayaran Saat Checkout 
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3) Seluruh konfirmasi pembayaran dan pengaturannya terletak 
pada menu Confirm payment. 


10.14. Integrasi Payment Gateway Midtrans 


Ketika toko online hanya dikelola oleh sedikit orang, atau bahkan 
tidak memiliki admin. Rasanya sangat nyaman jika pesanan 
dikonfirmasi otomatis ketika pembeli telah selesai melakukan 
pembayaran. Hal itu bisa dilakukan dengan menggunakan payment 
gateway yang disediakan oleh pihak ketiga. Salah satu metode 
payment gateway yang bisa digunakan adalah penggunaan metode 
rekening virtual midtrans. 


Payment gateway midtrans ini adalah payment gateway terbesar di 
Indonesia, sudah banyak digunakan oleh toko-toko online besar 
bahkan oleh Bukalapak, Airy, Tokopedia, JD.ID Akulaku, dll. 
Hanya saja, kita akan dikenai biaya potongan untuk setiap transaksi 
yang dilakukan melalui payement gateway ini. Namun masih 
tergolong murah. 


Dengan menggunakan payment gateway midtrans ini, penjualan 
akan lebih mudah dengan konfirmasi pesanan otomatis, serta 
metode pembayaran yang beragam mendukung pembayaran via 
ORCode ORIS yang dapat digunakan di beragam e-cash seperti 
LinkAja, Gopay, Ovo, Dana, dll. 


1) Pastikan kita telah memiliki toko online yang telah memiliki 
produk. 


2) Daftar akun midtrans di https://midtrans.com/ atau 
https://midtrans.com/tentang-passport. Sesuaikan pendaftaran 
dengan tipe toko online yang dimiliki. Jika bukan usaha 
berbadan hukum, pilih Untuk Bisnis Individu. Pastikan kamu 
telah memiliki KTP dan NPWP. 


3) Lakukan registrasi dengan mengisi formulir yang disediakan. 
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4) Midtrans menyediakan dua mode environment, yakni Sandbox 
dan Production. Mode Sandbox digunakan untuk ujicoba, 
sedangkan mode production digunakan untuk produksi 
apabila sistem telah siap digunakan. 


Informatikawan IE 
Dashboard 
Summary 
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Meri re Hare kaset Ai Dhan 


GE mua 


Gambar: Midtrans Environment 


5) Instal dan Aktifkan plugin Midtrans-WooCommerce. 


Moda Wootominerte | metirarkaneng 


lega Page Gaia Pe ae an bag 


| | | Mar era 0 Slug lalin ktpari Gigan 
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Gambar: Plugin Midtrans-WooCommerce 


6) Di halaman midtrans, masuk ke bagian Pengaturan -» Access 
Keys. 
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Gambar: Access Keys Midtrans 


7) Salin dan tempel ID Merchant, Client Key, dan Server Key ke 
menu WooCommerce Pengaturan -- Pembayaran -» Midtrans. 
Jangan lupa untuk mengaktifkan metode pembayaran 
Midtrans. Kemudian Simpan Perubahan. 


IWesrtayat ID 


In oi Nda Kemai IO ea MA, Gs en Il her 


Preman | Sardfhos taat | 


| Pein 


ifiierii Key » Sandi 


Tp pour Saras Mid Oia Ikang Dag Tang Bap 


Terarr Kay — Seadbaw 


Da oa Perba a Sa y, Ge ae ny bea 
Gambar: Pengaturan Metode Pembayaran Midtrans 
Perhatikan! Salin dan tempel id dan key tersebut untuk masing- 


masing environment: sandbox dan production. Setiap 
environment memiliki key yang berbeda. 


8) Setelah itu, pada halaman midtrans masuk ke menu 
Pengaturan -- Konfigurasi. Isi Payement Notification URL, 
Finish Redirect URL, Unfinish Redirect URL, dan Error Redirect 
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URL dengan urlwebsitemu/?wc-api-WC Gateway Midtrans 
(ganti urlwebsitemu dengan alamat websitemu). 


Pengaraiaa URL Reel 


aoi Peta 1 


Gambar: Pengaturan URL Redirect Midtrans 
Lakukan pengaturan ini pada mode sandbox dan production. 


9) Setelah melakukan pengaturan di atas, kita sudah bisa 
menikmati layanan Payment Gateway Midtrans. 


N 


Gambar: Pembayaran dengan Midtrans Mode Sandbox 


Perlu diketahui, metode pembayaran yang tersedia saat pertama 
kali mendaftar midtrans hanyalah ATM/Bank Transfer. Metode 
pembayaran lainnya harus diaktifkasi secara manual melalui 
counter service dengan melengkapi syarat-syarat yang diperlukan. 


Kita juga dapat menambahkan metode pembayaran menggunakan 
ORCode ORIS dengan mengajukannya melalui email 
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care@midtrans.com. Pastikan toko online kita telah memiliki 
produk serta halaman kontak dan ketentuan pembayaran.. 


10.15. Click to Chat WhatsApp 


Pelayanan pelanggan adalah yang utama. Terkadang pelanggan 
butuh menanyakan hal-hal terkait dengan produk kepada penjual. 
Media yang paling umum digunakan untuk melakukan hal itu 
adalah WhatsApp. Kita bisa menyimpan tombol WhatsApp 
melayang yang memungkinkan pelanggan menghubungi kita 
melalui WhatsApp. 


1) Instal dan Aktifkan plugin WP Chat App. 


MP chat Aro Ia peran) 


an Mn eps ne dak ain yaa Fir Teriak 


Seo una maba 


Teror Ce perbanus d bulan elu 


Io monbbas AAN 2 Kaiiertited denga ad Wondfires Andi 


Gambar: Plugin WP Chat App 


2) Untuk mengaturnya, masuk ke menu WhatsApp - All 
Account. 


3) Tambahkan akun admin baru melalui tombol Add New 
Account. Masukkan Account Name dengan nama admin, 
Account Number dengan nomor whatsapp dengan kode 
negara (62), Custom Availability dengan waktu online, dan 
Avatar dengan gambar admin. Kemudian Terbitkan. 
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Add Mew Account 
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WhatsApp Aecourt bndormatian 


eco Munas an group dat kanggaserarnA 
URL 
Pane Lo lion bacem moon den oa A15 


Gambar: Menambahkan Akun WhatsApp 


4) Masuk ke menu WhatsApp -- Floating Widget. Tambahkan 
akun whatsapp yang akan ditampilkan dengan cara mengetik 
dan memilihnya. 


Floating Widget 
Selected Accounis Dispiny Settings 


Serena by eter mame or ie 


deler Ani 


(Aa Bnyisali Mar Adik 
Ne 


Bia rara 


“ Muhammad Fadilah ina 
7 ton Dtue Pu P train va sar te PN 
"ia 
matra 


Gambar: Memilih Akun WhatsApp yang Ditampilkan 


5) Tombol Chat WhatsApp sudah aktif di website kita dan dapat 
ditemukan di bagian pojok kanan bawah. 
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Gambar: Tampilan Click to Chat WhatsApp 


10.16. Toko Online Berbasis WhatsApp 


Ketimbang menggunakan akismet dan sistem komentar bawaan 
WordPress, saya lebih senang menggunakan disgus untuk sistem 
komentar di blog saya. Dengan menggunakan 


Bagi teman-teman yang ingin membuat toko online berbasis 
WhatsApp yakni web toko online tanpa fitur Add to Cart namun 
langsung diarahkan ke WhatsApp untuk pemesanan lebih lanjut, 
teman-teman bisa ikuti tutorial di materi ini. 
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1) Pasang dan Aktifkan plugin OneClick Chat to Order. 


Oeelek Chat 30 Order 


Ie # 
2 
|) Tg ae cari ah pama pelan ireng 
PA AA on bio Maa 
sia 
a (mama 
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Gambar: Tampilan Click to Chat WhatsApp 


2) Masuk ke menu Chat to Order - WhatsApp Number. Klik 
tombol Add Whatsapp Number. Kemudian isi kolom yang 
tersedia dan publikasikan. 


ia las 


anta 


mana 


Gambar: Tampilan Click to Chat WhatsApp 


3) Selanjutnya masuk ke menu Chat to Order -»— Global Setting. 


Masuk ke tab Dasar. Selanjutnya atur beberapa pengaturan di 
bawah ini. 


e Centang bagian “Centang bila Anda sudah menambahkan 
paling tidak satu nomor WhatsApp”. 


e Pilih Basis URL: api. 


» Tampilkan Tombol?: centang bagian “Opsi ini akan 
menampilkan tombol WhatsApp di halaman produk”. 
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4 


5) 


6) 


Klik Simpan Perubahan. 


Selanjutnya masuk ke tab Opsi Tampilan (masih di menu Chat 
to Order -» Global Setting). Atur beberapa pengaturan di bawah 


Ini. 


» Sembunyikan tombol Add to Cart?: centang bagian “Opsi 
ini akan menyembunyikan tombol Add to Cart”. 


Klik Simpan Perubahan. 


Taraa, halaman produk di web kita akan menjadi seperti 
gambar di bawah ini. 


“ 


Kemeja Warna Biru 


Gambar: Tampilan Click to Chat WhatsApp 


Silakan teman-teman atur pengaturan lainnya yang sekiranya 
perlu di menu Chat to Order -- Global Setting. Dipahami dan 
diulik pelan-pelan saja. Banyak sekali pengaturan yang bisa 
dikustomisasi terkait peletakan tombol beli via whatsappnya. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 223 


“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB XI 
MEMBUAT KURSUS ONLINE 


Di era digital saat ini, mulai banyak merebak platform penyedia 
kursus online berbagai bidang. Baik itu kursus online pendidikan 
formal, belajar IT, belajar masak, pelatihan kerja, dan lain-lain. 
Tahukah kamu, bahwa kursus online juga bisa dibuat dengan 
menggunakan WordPress Iho! Pada bab ini, kita akan mempelajari 
dasar-dasar pembuatan website kursus online dengan 
menggunakan WordPress. Kelas pada kursus online tersebut juga 
dapat diintegrasikan dengan WooCommerce agar dapat kita jual. 


11.1. Mengatur Pengaturan Keanggotaan WordPress 
Dikarenakan kursus online merupakan website berbasis 
keanggotaan. Maka pastikan centang Semua orang dapat 
mendaftar pada menu Pengaturan -- Umum. 


Kemggotaan ( sa tp onar Srput meruadattar 


BI Pegaruame Peran Pengguna Oaru Standur Puarngaa 
(ruam 


Bahasa Situs Gpy katana Iertonesa “ 


Gambar: Mengatur Keanggotaan WordPress 


11.2. Memasang Plugin LearnPress 

Untuk menambahkan fungsi kursus online di WordPress, kita harus 
memasang terlebih dahulu plugin LearnPress. Segala kebutuhan 
pembuatan konten kursus online, kita akan menggunakan plugin 
tersebut. 
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1) Instal dan Aktifkan plugin LearnPress — WordPress LMS 
Plugin. 


— Leornfress — WordPress LMS Plugin | partan | 


| 
4 & Word Peng 143 Piuaps 00 Ceegte Wond Press Lewung Meng Laragkat 
Maragenenr Sesar Turn pur vendinasa ta UNS wenda 


Wtarte sate Couruga Lensa Otagzst Sian .. 


learnPress ii... 
de Ba daa OS cam Teratas: Ofperbusaak 21 jon Yuta 
1008001 Irertad ma dketid £ Kirmpatisel darnpan ver Ueed Pre arala 


Gambar: Plugin LearnPress 


2) Setelah terinstall munul notifikasi LearnPress LMS is ready to 
use, klik tombol Ouick Setup. 


Learn Prosa LMS & caady 10 wea 
Lose 


Gambar: Melakukan Pengaturan Awal LearnPress 


3) Kemudian pada tab Welcome, klik tombol Run Setup Wizard. 


koor 


Wen Sa Leah 


bg! 
Fr 
Gambar: Tab Welcome Pada Proses Ouick Setup 


4) Pada tab Pages klik tombol Continue. 
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5) Pada tab Payment ubah Currency menjadi Indonesian rupiah. 
Kemudian klik tombol Continue. 


| ee lan opiih - 
Gambar: Pengaturan Mata Uang LearnPress 


6) Kemudian pada tab Finish, kita tinggal klik Back to Dashboard. 
Teman-teman juga bisa klik Install a Demo Course jika ingin 
dibuatkan sample kelas untuk melihat tampilan dari sistem 
kelas di LearnPress. 


7) Dengan begitu, plugin LearnPress sudah terpasang di 
WordPress kita. Kita bisa menemukan menu LearnPress untuk 
mengelola kursus online kita. 


8) Masuk ke menu LearnPress -» Pengaturan untuk memastikan 
pengaturan tadi telah tersimpan. Terkadang pengaturan 
tersebut tidak tersimpan. Maka kita harus mengatur ulang 
beberapa pengaturan. 


11.3. Mengatur Tema 


Sejak LearnPress versi 4, LearnPress sudah kompatibel dengan 
semua tema yang ada di WordPress. Teman-teman bisa 
menggunakan tema default dari WordPress seperti tema Twenty 
Twenty One, atau bisa juga menggunakan tema lainnya yang 
teman-teman kuasai. Kita juga bisa menggunakan tema Astra 
dengan Starter Templates nya yang memudahkan kita membangun 
tampilan halaman beranda dengan menggunakan template siap 
pakai berbasis Elementor. 
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"eh a00 Manan 


Gambar: Web Kursus Online dengan Tema Twenty Twenty One 


11.4. Menyesuaikan Tema 

Pada bab ini saya tidak akan menjelaskan penyesuaian tema secara 
rinci. Teman-teman dapat membaca bab-bab sebelumnya untuk 
dapat memahami cara mengatur sebuah tema. Teman-teman dapat 
melakukan beberapa hal berikut untuk melakukan pengaturan 
tema. 


1) Penyesuaian tema melalui menu Tampilan -5 Sesuaikan. 
2) Pengaturan widget melalui menu Tampilan -- Widget. 
3) Pengaturan menu melalui menu Tampilan -- Menu. 


4) Menyunting Laman Home melalui menu Laman -- Semua 
Laman. 


Lakukan empat pengaturan tersebut untuk menjadikan tampilan 
website kursus onlinemu sesuai dengan yang diinginkan. 
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a. Membuat Menu Semua Kelas 


Setelah pemasangan LearnPress, akan muncul secara otomatis 
laman baru bernama All Courses. Laman ini merupakan laman 
yang berisi semua kelas yang telah kita publikasikan. Agar telihat 
lebih indonesia, kita bisa ubah nama laman dan slug lamannya. Klik 
Sunting pada laman All Courses. 


Mudi : Sayung 


Ai Laman 


Gem ba Laman 
kbout Pemenitne 


AN Canurues 
'- 4 ta 0 Ta rep wi 


Iecorae A Teach 


Gambar: Menyunting Laman All Courses 


Ubah nama lamannya yang semula All Courses menjadi Semua 
Kelas. 


Semua Kelas 


Gambar: Mengubah Nama Laman All Courses 


Kemudian ubah juga slug lamannya yang semula Ip-courses 
menjadi kelas. Kemudian Perbarui laman. 
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Liu Lawan 


Gambar: Mengubah Slug Laman 


Maka hasilnya jika kita mengunjungi alamat web kita dengan slug 
kelas yakni alamatwebmu/kelas kita bisa melihat kumpulan kelas 
yang telah dipublikasikan. 


Gambar: Mengubah Slug Laman 
Url halaman tersebut dapat disimpan di bagian Menu website kita. 


Toar Teren “ matan 


Mt taro? (4 LLirem td url 
ba Oak a0aa Ceka 


Ka “ Iu tebaru | c.. 


Gambar: Menambah Menu Semua Kelas 
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b. Membuat Menu Login Logout 


Kita juga perlu membuat menu untuk Login dan Logout peserta 
kelas. 


1) Instal dan Aktifkan plugin Login Logout Menu. 


Login Logout Menu #rerat setara 


Langn Longeaat ee aa hemadip phanghe ata aktsas pon ta ai Kawkan Lervahar 
Iengn Denga ut. sagpun ar 


ah ve rungaaa 


Akan. Teratiei Orgertaarun 4 menggu ist 


IONENI « tertawa Aki “ Kampattel cerngan ser Wordeee Ancih 


Gambar: Plugin Login Logout Menu 


2) Tambahkan Login | Logout ke dalam menu. 


Legan Laju Maia - adi ai | Tojp Pla 
an na ria eng Dea nana naa 
Legit 
Lag Da Em are 
LAN Luh AA 
Pegat Tebe Kelas 
Feni 


Lima biang an & . 
” (estnee | 
& -.g Ka ba | ig Kisa Bam . 


Gambar: Menambahkan Login Logout ke Dalam Menu 


3) Akan muncul menu Login ketika pengguna belum login. Dan 
akan muncul menu Logout ketika pengguna telah login. 
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c. Membuat Menu Profil 


Selain menu Login Logout, kita pun perlu membuat menu Profil 
yang akan digunakan oleh pembeli untuk melihat kelelas yang 
dibeli, mengakses sertifikat, dan mengedit informasi akun. 


1) Instal dan Aktifkan plugin Visibiliy Control for LearnPress. 
Plugin ini akan digunakan agar menu Profil hanya terlihat oleh 
pengunjung web yang sudah login saja, sedangkan yang belum 
login tidak akan bisa melihat menu Profil. 


Visibiliny Control for Loam Press ma stang 


wpitp Cover far Lara eta on eka menang ant 


rtene » perda rvtenan aywtare an 


MD 
LLANPNEIa 
DIAN Parut Cafe Sale 


bana Tenabler Orpodmarut: 2 butar tetu 


#82 Iratalani Aktif Y Kompatisal Jeram vera VearaPnas Areda 
Gambar: Plugin Visibility Control for LearnPress 
2) Setelah memasang plugin LearnPress, secara otomatis di menu 


Laman -- Semua Laman sudah ada laman Profile. Nah silakan 
jadikan laman Profile tersebut sebagai Menu. Atur di Tampilan 


-» Menu. 
Privacy Pabey Diraf, Karaan Kolejaman Pifysai 
Perotore 
pet di Lea Da ngh Sat Fo Dan Tt 
Sampio Page 


Gambar: Menambahkan Login Logout ke Dalam Menu 
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Gambar: Halaman Profile LearnPress 
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Gambar: Menambahkan Laman Profile ke Menu 


3) Lalu di ujung kanan atas halaman, klik Opsi Layar. Kemudian 
centang Kelas CSS. Cara ini akan menambah kolom Kelas- 
Kelas CSS (opsional) saat menambahkan menu. 


Opsi Layar # Bantuan 
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Uherreer tangan 
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Gambar: Mencentang Kelas CSS Pada Opsi Layar 


4) Kemudian masukan kelas CSS visible to logged in pada 
kolom Kelas-Kelas CSS (opsional) saat menambahkan menu 


Profil. 


Profil Tean Teras 


https "llkem, Li/1lp-peoflle 


Lag! Nasi 


Prodi 


Keras Ketan 233 opa on 


ulsible to logged Ir 
Pendanaan Maika saia DUbeah bagiin eng Oa Sing 
Siogkirdatsi | Batal 


Gambar: Menambahkan Kelas CSS ke Menu Profil 


Kelas CSS visible to logged in merupakan salah satu kelas 


yang disediakan plugin Visibility Control for LearnPress. Kelas- 


kelas lainnya bisa kamu cek di alamat berikut: 


https://wordpress.org/plugins/visibility-control-for-learnpress/ 
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5) Maka menu Profil sudah muncul di menu web kursus kita 
berdampingan dengan tombol Logout. Menu Profil hanya akan 
terlihat oleh pengguna yang sudah Login saja. 


d. Redirect After Login 


Kita juga perlu membuat setiap pengunjung web yang melakukan 
login diarahkan ke halaman Profil, dan logout diarahkan ke 
halaman utama website. Karena defaultnya, setelah login akan 
diarahkan ke halaman Akun dari WooCommerce. 


1) Instal dan Aktifkan plugin LoginWP. 


Login” (Formerly 
Feter's Login 
Redireet) 


IA kosan LN KPU | 


Raden ke Ie 
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Gambar: Plugin LoginWP 


2) Selanjutnya masuk ke menu LoginWP - Redirections. 
Kemudian klik Add New. 
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Gambar: Add New Redirection Rules 


3) Pada bagian Rule Condition atur menjadi User Role dan 
Customer. Kemudian di bagian Redirect URLs tinggal isikan 
tautan setelah login dan setelah logout yang diinginkan. Setelah 
itu klik Save Rule. 


midi 


Gambar: Mengatur Rule Condition dan Redirect URLs 


4) Lakukan lagi dengan Add New, namun yang diatur adalah 
Rule Condition untuk User Role dan Subscriber. Isikan tautan 
login dan logout yang sama. Lalu klik Save Rule. 

5) Dengan begitu, web kita sudah berhasil diatur laman tujuan 
setelah login dan logoutnya untuk pengunjung web. 
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11.5. Membuat Akun Pengajar 


Jika website kursus online yang akan kita buat memiliki lebih dari 
satu pengajar. Maka kita perlu untuk membuatkan akun untuk 


masing-masing pengajar. Untuk membuat akun pengajar, masuk ke 
menu Pengguna -- Tambah Baru. 


Isi formulir pembuatan akun baru, email bisa menggunakan email 
pengajar, ataupun kita sebagai pengelola website membuatkan 
email untuk mereka. 


Pada bagian Peranan, pilih LP Instructor. Kemudian pilih Tambah 
Pengguna Baru. 


Penman Palaran 


Tarnnah Tenggara Tau 


Gambar: Membuat Akun Pengajar Kursus Online 


Akun yang telah dibuat dapat diberikan kepada pengajar kursus 
onlinemu agar mereka dapat membuat kursus online sendiri. 


11.6. Membuat Kelas 


Selanjutnya kita akan belajar membuat kelas kursus baru. Kelas 
dapat dii dengan berupa vidio dan juga panduan teks. 


1) Buka menu LearnPress -- Courses. Menu tersebut 
diperuntukan bagi kita untuk mengelola kelas kursus. 


2) Klik Add New untuk menambah kelas baru. 


3) Masukan judul kursus dan deskripsinya. Judul dan deskripsi 
kursus akan muncul di halaman muka kursus. 
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Cara Menulis Paku Pest Seller 
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Gambar: Menambahkan Judul dan Deskripsi Kursus 


4) Kemudian susun silabus/kurikulum kelas kursus. Buat section 
(bab) dan juga daftar materinya. Ketik kemudian tekan Enter. 
Contohnya seperti gambar di bawah ini. 


Gambar: Membuat Kurikulum Kelas 


Buat semua bab dan materi yang akan disediakan kursus. 
Kurikulum ini juga akan ditampilkan di halaman muka kursus 
bersama dengan judul dan deskripsi. 
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5) Selanjutnya ada banyak pengaturan yang harus kita atur pada 
bagian Course Settings. 


0 eawu ara 
Gambar: Pengaturan Kelas Kursus Online 


Jika teman-teman memahami bahasa inggris, akan sangat 
mudah untuk mengaturnya. Namun di sini saya akan 
memberikan beberapa penjelasan pengaturan agar teman-teman 
lebih mudah memahami. 


Umum 


e Duration : Durasi peserta dapat membuka konten kursus. 
Isi dengan 0 jika kelas tanpa batas waktu akses. 


» Block Course : Block kursus jika durasi habis. Tidak perlu 
cenang. 


6» Max Students : Jumlah peserta maksimum. Kosongkan jika 
tanpa batas. 


e Students Enrolled : Jumlah peserta terdaftar. Biarkan saja. 
e  Re-Take Course : Ambil ulang kursus. Biarkan saja. 
e Featured : Jadikan kursus sebagai konten fitur. Biarkan saja. 


» Block Content Items Course : Block konten jika kursus telah 
selesai. Biarkan saja. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 239 


6) 


e External Link : Tautan eksternal tombol Beli Kursus. 
Kosongkan saja. 


Pricing 
e Regular Price: Harga kelas. Isi Ojika gratis. 
» Sale Price: Harga kelas jika diskon. 


Extra Information 


e  Reguirements: Penjelasan kebutuhan pembelajaran. 
e Target Audience: Penjelasan kelas untuk siapa. 
» Key Features: Penjelasan fitur kelas. 


» FAOs: Pertanyaan paling sering ditanyakan. 
Assessment 
e Course Result : Jenis evaluasi pencapaian kelas. Biasanya: 


Evaluate via lessons. 


e Passing Condition Value : Persentasi pencapaian minimal 
kelulusan. 


Author 
e Author: Memilih pengajar kelas. 


Selebihnya kita atur pengaturan lainnya seperti kutipan, 
diskusi, komentar, kategori, label, dan gambar andalan 
sebagaimana kita membuat konten pos. Kemudian klik 
Terbitkan. 
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7) Maka, kelas kursus tersebut sudah bisa dilihat di halaman 
kumpulan kursus yakni melalu menu Semua Kelas yang telah 
kita buat sebelumnya. 


.ee1 veratt 


mera a 


Gambar: Hasil Pembuatan Kelas 


8) Kelas kursus online belum dapat digunakan dikarenakan kita 
belum mengatur konten kursus. 


11.7. Melihat Konten Kursus 


Pengunjung hanya dapat melihat konten kursus apabila 
pengunjung telah mendaftar di website kita dan telah melakukan 
enroll atau membeli kelas kursus tersebut. Jika pengunjung telah 
melakukan enroll atau pembelian, maka pengunjung dapat 
mengakses kursus tersebut melalui tab Curiculum, kemudian pilih 
materi yang akan dilihat. 


Tampilannya kurang lebih seperti gambar di bawah ini. Namun 
konten masih kosong dikarenakan kita belum mengaturnya. 


Tinggoikan Ookraa 


Gambar: Tampilan Pembelajaran Kursus 
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11.8. Mengatur Konten Kursus 

Setelah membuat kursus beserta kurikulumnya, selanjutnya kita 
perlu mengatur isi konten masing-masing kurikulum pada kursus 
yang telah kita buat. Seluruh materi yang telah kita buat di 
kurikulum akan masuk ke menu materi. 


1) Masuk ke menu LearnPress -» Lessons. Halaman ini digunakan 
untuk mengelola materi semua kursus. Sebagai contoh, materi 
kelas Cara Menulis Buku Best Seller yang telah kita buat 
sebelumya juga muncul pada halaman ini, 


Bean Tami Ol da ie GE | reka Mi | ia Pase DL 
Tindakan kenal "ad Tera aan kamen tangal “ at Hui 
Ao 2 Pol il Format 


dun 
Ulik 
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Kara Memiaka But Pai ara Werrafir Mal bu Geli 
Gambar: Menu Materi Kursus LearnPress 
2) Pilih materi yang akan disunting kontennya. Klik Sunting. 


3) Bisa juga diakses melalui LearnPress -» Courses. Edit kelas. 
Klik Edit Item pada mater yang akan diedit kontennya. 
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4) 


5) 


6) 


Gambar: Edit Item Materi Kelas 


Selanjutnya kita akan masuk ke halaman editor materi. Editor 
yang digunakan adalah Classic Editor. Pada halaman itu, buat 
konten untuk materi kursus tersebut. Jika materi akan dibahas 
dengan vidio seperti kursus online pada umumnya, maka 
masukkan vidio. Artinya kita bebas memasukan jenis konten 
pada materi kursus tersebut, sesuai dengan kebutuhan. 


Atur Pengaturan Materi, Diskusi, dan juga Format sesuai 
dengan kebutuhan, kemudian klik Perbarui. 


Nah sekarang materi kursus sudah berisi konten, dan 
pengunjung sudah bisa menikmati pembelajaran di kelas 
kursus tersebut. 
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Gambar: Tampilan Pembelajaran Kursus dengan Konten 


11.9. Melakukan Penjualan Kursus 
Pada bagian ini saya akan menjelaskan beberapa hal yang perlu 
teman-teman pahami untuk melakukan penjualan kursus. 


a. Pengaturan Metode Pembayaran 


Secara default, LearnPress hanya menyediakan metode pembayaran 
Paypal saja. Tentu akan sangat merepotkan, dikarenakan 
masyarakat Indonesia tidak memiliki bahkan tidak tahu apa itu 
Paypal. Untuk itu kita perlu melakukan integrasi LearnPress 
dengan WooCommerce agar metode pembayaran pembelian 
kursus dapat menggunakan metode pembayaran yang tersedia di 
WooCommerce. 


1) Install dan Aktifkan plugin WooCoommerce. 


2) Instal plugin LearnPress WooCommerce Payment Methods 
Integration. Sayangnya plugin ini tidak dapat ditemukan di 
menu Plugin. 
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3) 


4 


Dalam file readme.txt di plugin tersebut, tertulis bahwa plugin 
tersebut berlisensi GPL. Artinya plugin boleh disebarluaskan. 
Oleh karenanya, berikut saya bagikan tautan unduh plugin 
tersebut. 


https://bit.1y/BukuWordPressAddonsLearnPress 


Download file .zip LearnPress Woo Payment di dalam folder di 
tautan di atas. Kemudian Instal dan Aktifkan plugin tersebut 
melalui menu Plugin -- Tambah Baru -- Unggah Plugin. 


Kemudian atur metode pembayaran melalui menu LearnPress 
-5 Settings -- Payments. Pilih tab WooCommerce Payment, 
centang Enable. Klik Simpan Pengaturan. 

Want akan Fajri 


Trees kel 


Ata Papar Disc ian  arain 


pe 


Gambar: Mengaktifkan WooCommerce Payment 


Selanjutnya kita tinggal menambahkan metode pembayaran 
WooCommerce melalui menu WooCommerce -» Settings -—- 
Payments. Aktifkan dan atur metode pembayaran yang 
diinginkan. 
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5) Lakukan pengaturan WooCommerce lainnya sesuai dengan 
kebutuhan. Pelajari bab Membuat Toko Online untuk 
memahami cara penggunaan WooCommerce. 


b. Proses Penjualan Kursus 


Dengan menambahkan harga kelas saat membuat kelas kursus, 
maka secara otomatis pengunjung harus melakukan pembelian 
untuk dapat mengakses konten kursus. Tombol enroll akan berubah 
menjadi tombol Add to cart. 


Sistem penjualan akan mengikuti sistem penjualan dari 
WooCommerce. 


| arsa | armor | 21 dah 
Janin Ma 
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Gambar: Kelas Kursus Berbayar 
Setelah pengunjung menekan tombol Add to cart dan melakukan 


login, pembeli dapat melakukan checkout pembelian dengan 
menggunakan WooCommerce. 
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Gambar: Melihat Keranjang Pembelian Kursus Online 


Your order 
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Gambar: Melakukan Pembelian Kursus Online 


Selanjutnya pembeli harus melakukan pembayaran ke metode 
pembayaran yang teman-teman sediakan. 
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Gambar: Contoh Informasi Pembayaran 


Pembelian akan masuk ke menu WooCommerce -- Pesanan. Semua 
pesanan kelas sudah terintegrasi dengan order WooCommerce dan 
akan masuk ke halaman ini. 


Gambar: Pengelolaan Pembelian Kursus Online 


Admin harus melakukan mengubah status dari Ditahan menjadi 
Selesai, kemudian Perbarui. Ketika status telah Selesai, pembeli 
secara otomatis dapat mengakses kelasnya. 
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Gambar: Mengubah Status Pembelian Kelas 


Dikarenakan metode pembayaran telah sepenuhnya terintegrasi 
dengan WooCommerce, artinya seluruh pengaturan pemesanan 
kursus akan bergantung pada pengaturan pada WooCommerce. 
Teman-teman dapat membaca bab sebelumnya untuk memahami 
lebih dalam tentang cara penggunaan WooCommerce. 


11.10. Addons LearnPress 


Kelebihan dari LearnPress adalah banyaknya addons berupa plugin 
yang dapat digunakan untuk menambah fungsi dari website kursus 
online kita. Seperti menambah fitur sertifikat, integrasi dengan 
forum, rapor, kursus prasyarat, dan masih banyak lagi. 
Selengkapnya mengenai addons yang tersedia dapat dilihat pada 
halaman https://thimpress.com/wordpress/learnpress/. 


Dalam seluruh file readme.txt di plugin tersebut, tertulis bahwa 
plugin tersebut berlisensi GPL. Artinya plugin boleh 
disebarluaskan. Oleh karenanya, berikut saya bagikan tautan 
unduh beberapa plugin addons LearnPress yang saya miliki. 
Silakan dieksplorasi sendiri. 


https://bit.ly/BukuWordPressAddonsLearnPress 
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EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB XII 
SOCIAL LOGIN & 
REGISTRATION 


Untuk jenis website yang memiliki fitur login dan registrasi 
pengguna, tentu fitur social login & registration yang membuat 
pengunjung dapat login atau registrasi hanya dengan menggunakan 
media sosial akan menjadi fitur yang sangat bermanfaat. Pengguna 
tidak perlu lagi mengisi formulir untuk bisa login atau mendaftar 
pada website. 


12.1. Tentang Social Login & Registration 

Social Login/Registration adalah metode sistem masuk ke suatu 
website menggunakan informasi yang ada dari layanan jejaring 
sosial seperti Facebook, Twitter atau Google tanpa harus membuat 
akun baru. 


Sistem akan menyalin dan menyimpan data integrasi akun media 
sosial ke akun WordPress. Dengan begitu, setiap kali pengguna 
ingin login, pengguna cukup klik tombol login media sosial, maka 
pengguna akan langsung masuk website tanpa harus mengetik 
apapun. Enak kan? 


Untuk menggunakan social login & registration, salah satu plugin 
yang dapat digunakan adalah WordPress Social Login oleh 
miniOrange. 


Instal dan Aktifkan plugin WordPress Social Login. 
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Gambar: Plugin WordPress Social Login 


Untuk mengatur social login, kita dapat mengaturnya melalui menu 
miniOrang Social Login, Sharing -» Social Login. Kita akan 
membahas pengaturan setiap media sosial di bagian selanjutnya. 


12.2. Mengatur Facebook Login 


Untuk mengatur Facebook Login, lakukan pengaturan di bawah ini. 


1) Aktifkan Facebook Login pada gambar Facebook. 


aj Bg an Mera 


— aa —aP Ae 3 


TN 2. Uh aa 


Gambar: Mangakbadn Facebook Login 


2) Selanjutnya akan muncul popup pengaturan. Di sebelah kiri, kita 
harus mengisi App ID dan App Secret. Cara pengaturannya 
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sebenarnya telah dijelaskan di sebelah kanan. Namun, kita akan 
tetap mencobanya satu per satu. 
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Gambar: Popup Pengaturan Facebook Login | 
3) Buka alamat https://developers.facebook.com/apps/ di tab 


browser lainnya. Kemudian login dengan akun facebook 
developer, jika belum punya silakan buat akun baru. 


4) Jika sudah login, klik Buat Aplikasi. 


23 Ge berasarkan Mama Aplikasi atau 


Becenily Used 


Gambar: Membuat Aplikasi Baru Facebook Developer 


Kemudian pilih Untuk Hal Lain. 
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Gambar: Penggunaan Aplikasi Facebook Developer 


Isikan formulir yang disediakan. Tuliskan nama aplikasi dan 
email. 
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Gambar: Membuat ID Aplikasi Facebook Developer 
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5) Selanjutnya klik Siapkan pada bagian Masuk Facebook. 
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Gambar: Menyiapkan Masuk Facebook 
6) Lakukan pengaturan yang disediakan. 
e Platform: Web 


e Beri tahu kami URL situs Anda: Masukan url/alamat 
websitemu. 


» Siapkan SDK Facebook untuk JavaScript: Bagian ini 
lewati saja, klik Selanjutnya. 


7) Selanjutnya masuk ke menu Masuk Facebook --» Pengaturan. 
Kemudian isikan Redirect URI OAuth Valid dengan tautan 
yang tersedia di popup pengaturan Facebook Login. Biasanya 
merupakan alamat website ditambah dengan 
/?openidcallback-#facebook, contohnya seperti ini. 


https://test.arsa.my.id/?openidcallback-facebook 


Kemudian Simpan perubahan. 
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Gambar: Mengatur Redirect URI OAuth Valid Facebook Login 


8) Selanjutnya masuk ke menu Pengaturan -- Dasar. 


OP Pengaturan " 
Desai 
Tingkat Lanjut 
Gambar: Menu Pengaturan Dasar Facebook Developer 


Di halaman admin WordPress, buat laman baru berisikan 
Kebijakan Privasi, lalu salin tautan tersebut kedalam kolom 
URL Kebijakan Privasi. Pilih juga kategori website pada 
bagian Kategori. Kemudian simpan. 


URL Kebijakan Privasi 


Kebijakan pre untuk disog Masuk dan Ringan Aplikasi 


Kasegan 
Pendidikan « 


Cesi Tanu informasi selengkapnya tentang kategori agikasi di sinl 


Gambar: Mengisi Pengaturan Dasar Facebook Developer 
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9) Nah, untuk mengaktifkan aplikasi pada Facebook Developer, 
klik tombol Dalam pengembangan untuk mengibah statusnya 
menjadi Aktif. Kemudian akan muncul popup, lalu pilih Ubah 
Mode. 


ID Aplikasi G1 055527622991 5 @ Dalam pengembangan 


Ubar ke Maa Jati 


pkai Anda tidak akan bk mengakses bin ola er pong bia 
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Gambar: Mengubah Status Mode Aplikasi Facebook Developer 


10) Salin ID Aplikasi kemudian tempel pada kolom App ID, Salin 
juga Kode Rahasia Aplikasi kemudian tempel pada kolom 
App Secret. Lalu klik Save & Test Configuration. 


Ai METE ab ak & mia 


Te 


Gambar: Mode Aplikasi Telah Aktif 
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Gambar: Pengaturan Facebook Login WordPress 


Jika seluruh pengaturan telah dilakukan dengan baik, maka 
akan memunculkan status “Test Successful”. Dengan demikian, 
social login dengan Facebook di website kita telah aktif. 
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Gambar: Tes Pengaturan Facebook Login Berhasil 


12.3. Mengatur Google Login 


Untuk mengatur Google Login, lakukan pengaturan di bawah ini. 


1) Aktifkan Google Login pada gambar Google. 
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Gambar: Mengaktifkan Google Login 


2) Selanjutnya akan muncul popup pengaturan. Di sebelah kiri, kita 
harus mengisi App ID dan App Secret. Cara pengaturannya 
sebenarnya telah dijelaskan di sebelah kanan. Namun, kita akan 
tetap mencobanya satu per satu. 
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Gambar: Popup Pengaturan Google Login 


3) Masuk ke alamat https://console.developers.google.com/. 
Kemudian login dengan akun Googlemu. Setelah itu klik 


tombol Buat Project. 
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Gambar: Membuat Project Baru Google API 


Isikan formulir yang disediakan, isi nama project yang akan 
dibuat. Setelah itu klik Buat. 
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Gambar: Membuat Proyek Baru Google API 


4) Selanjutnya pada menu sidebar sebelah kiri, masuk ke menu 
API & Layanan -- Kredensial. 
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Gambar: Menu Layanan Kredensial 


5) Buat Kredensial baru, pilih Client ID OAuth. 
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Gambar: Membuat Kredensial Client ID OAuth 


Sebelum membuat, kita mesti melakukan Konfigurasi Layar 
Persetujuan. Untuk User Type nya pilih Eksternal kemudian 


klik Buat. 


Isikan: 


e Nama aplikasi: Nama website. 


e Domain yang diotorisasi: Isikan dengan domain tingkat 
atas websitemu (misal: arsa.my.id). 
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6) 


7) 


Link Halaman Beranda Aplikasi: Isikan dengan alamat 
beranda website. 


Link Kebijakan Privasi Aplikasi: Isikan dengan alamat 
laman kebijakan privasi website. 


Kemudian klik Simpan. 


Masuk kembali ke menu Kredensial, dan klik kembali Buat 
Kredensial -- Client ID OAuth. 


Jenis Aplikasi: Aplikasi web. 

Nama: Nama website. 

URI pengalihan yang diotorisasi: Isikan dengan tautan 
yang tersedia di popup pengaturan Gogle Login. Biasanya 


merupakan alamat website ditambah dengan 
/?openidcallback-google, contohnya seperti ini. 


https://test.arsa.my.id/?openidcallback-google 


Kemudian klik Buat. 


Salin Client ID Anda kemudian tempel pada kolom App ID, 
Salin juga Rahasia Klien Anda kemudian tempel pada kolom 
App Secret. Lalu klik Save & Test Configuration. 
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Gambar: Klien OAuth Berhasil Dibuat 
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Gambar: Pengaturan Google Login WordPress 


Jika seluruh pengaturan telah dilakukan dengan baik, maka 
akan memunculkan status “Test Successful”. Dengan demikian, 
social login dengan Google di website kita telah aktif. 
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Gambar: Tes Pengaturan Google Login Berhasil 


12.4. Mengatur Twitter Login 
Untuk mengatur Twitter Login, lakukan pengaturan di bawah ini. 


1) Aktifkan Twitter Login pada gambar Twitter. 


Ti 


Gambar: Mengaktifkan Twitter Login 


if 


2) Selanjutnya akan muncul popup pengaturan. Di sebelah kiri, kita 
harus mengisi App ID dan App Secret. Cara pengaturannya 
sebenarnya telah dijelaskan di sebelah kanan. Namun, kita akan 
tetap mencobanya satu per satu. 
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Gambar: Popup Pengaturan Twitter Login 


Masuk ke alamat https://developer.twitter.com/en/apps. 
Kemudian masuk dengan akun twittermu. Kemudian klik 
tombol Create an app. Maka akan muncul popup Please apply for 
a Twitter developer account, klik Apply. 


Pada pertanyaan What is your primary reason for using Twitter 
developer tools?, isikan saja dengan tujuanmu membuat website. 
Bisa memilih Building consumer products. 


Pastikan kamu sedang mengisi halaman individual developer 
accout. Klik create an individual developer account. Isikan 
setiap formulirnya, kemudian klik Next. 


Selanjutnya pada bagian How will you use the Twitter API or 
Twitter data?, isikan sesuai dengan maksudmu membuat twitter 
login. Jika kamu kesulitan berbahasa inggris, gunakan Google 
Translate. Untuk pertanyaan lainnya, pilih No. Kemudian klik 
Next - Looks Good. 
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Gambar: Pengaturan Twitter Login API 


7) Setujui pernyataan dengan mencentangnya, kemudian klik 
Submit Application. 


8) Di twitter, proses pengajuan sedikit berbeda, mereka akan 
melakukan review terlebih dahulu pada pengajuan yang telah 
kita buat. Apabila disetujui, kita dapat membuat login twitter 
sebagaimana mestinya. 


9) Klik kembali Create an app. Isikan setiap kolom formulirnya. 
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Pa ee mama an Mag dinsnlamak SF 


Mp jas Atep 


Gambar: Pembuatan App Baru Twitter Developer 
e App name : Nama website. 


e Application description : Deskripsi aplikasi menggunakan 
bahasa inggris. 


e Website URL : Alamat website. 


e  Callback URL : Isikan dengan tautan yang tersedia di 
popup pengaturan Twitter Login. Biasanya merupakan 
alamat website. 


e Privacy policy URL : Alamat laman kebijakan privasi. 


e Tell us how this app will be used : Tujuan penggunaan 
twitter login menggunakan bahasa inggris. 


Kemudian klik Create. 


10) Selanjutnya masuk ke tab Keys and tokens, salin API key 
kemudian tempel pada kolom App ID, salinjuga API secret key 
kemudian tempel pada kolom App Secret. Lalu klik Save & Test 
Configuration. 
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Apps Pata YinndPres 


pp detak Ha ai ebi Perindo 
Keys and tokons 
Coneaner GP) bing 
MA koe: (erik doi SAM Di TA 
BPI emo large La kB pedia ai AI Dr Dari yg 


Gambar: API Key Twitter Berhasil Dibuat 
App Serings 
natal #toskeFhPSOAMTMjU SPT 


Ape Serie | ungeopencamed anis oon Gp pa 


hraga 


sea 8. Mens Menlunatan Dao Kata 


Gambar: Pengaturan Twitter Login WordPress 


Jika seluruh pengaturan telah dilakukan dengan baik, maka akan 
memunculkan status “Test Successful”. Dengan demikian, social login 
dengan Twitter di website kita telah aktif. 
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TEST KE SAPU 


aU BMA AAN NO 
ar Ke SI ai 
sanam Al Wadiliah esa 
AC MPI DAU Kedilad arah 
apa 

Batan —— 

z 

PA NS teearrajar 
pemaatra 

an “ 

Hasangaa — 


Gambar: Tes Pengaturan Google Login Berhasil 


Jika kita telah berhasil mengaktifkan Facebook, Google, dan Twitter 
login. Maka ketika kita membuka halaman login, kita bisa 
mendapati fitur Social Login & Registration sudah terpasang di sana. 
Dengan begitu, pengguna dapat melakukan register dan juga login 
tanpa harus mengisi formulir lagi. 


Gambar: Halaman Login dengan Social Login & Registration 
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“1 KURSUS 
$4 DIGITA 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


| 
- 
j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB XIII 
MONETISASI WEBSITE 


Pengalaman saya pada dunia blogging membuka wawasan saya 
bahwa website juga dapat memberikan pendapatan bagi para 
memiliknya selain melakukan penjualan produk di website. Pada 
bab ini saya akan menjelaskan beberapa metode yang dapat 
dilakukan teman-teman untuk melakukan monetisasi website, 
terutama untuk website dengan jenis blog. Sedangkan untuk 
melakukan monetisasi website dengan menjual produk, sepertinya 
sudah dapat dengan jelas dipahami pada bab membuat toko online. 


13.1. Google AdSense 


AdSense adalah program periklanan berbasis CPC (cost-per-click) 
dari Google. AdSense memungkinkan para pemiliki website 
mendapatkan penghasilan dengan memasang iklan AdSense di 
websitenya. Pemilik website akan dibayar jika ada pengunjung 
yang melakukan klik pada iklan yang ditayangkan. 


Secara umum, ada dua jenis pendapatan yang akan diterima 
pemilik website. 


e Per-impression. Jenis pembayaran yang bergantung pada 
jumlah page views yang kita dapatkan setiap bulannya. 


e Per-click. Jenis pembayaran yang bergantung pada jumlah 
orang yang melakukan klik iklan. 


a. Menjadi Penayang Google AdSense 


Tentu tidak mudah untuk bisa diterima sebagai penayang Google 
Adsense, website kita perlu memiliki beberapa kritera sebagai 
berikut. 
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1) Kualitas dan Kuantitas Konten 


Tentunya konten website kita perlu memiliki kualitas dan kuantitas 
yang baik. Konten yang melanggar aturan Google tentunya tidak 
akan terpilih. Selain itu, jika konten masih satu atau dua saja, 
rasanya sulit untuk bisa diterima penayang AdSense. 


2) Lalu Lintas Website 


Ketika website kita telah memiliki lalu lintas yang baik. Artinya 
jumlah pengunjung setiap harinya cukup banyak. Tentu peluang 
diterima sebagai penayang AdSense lebih besar. 


3) Informasi Website yang Lengkap 


Kita perlu membuat halaman Tentang, Kontak Kami, dan juga 
Kebijakan Privasi pada website kita untuk mengakomodasi hak-hak 
pengunjung website kita. Menurut banyak keterangan, tanpa 
halaman ini biasana kita akan ditolak sebagai penyang iklan. 


4) Umur Website dan Umur Pengembang 


Umur website biasanya juga berpengaruh. Hal ini untuk 
menghindari spam web penayang yang kurang berkualitas. 
Semakin lama umur website kita, semakin tinggi peluangnya. 
Selain itu, pengembang website yang mengajukan diri menjadi 
penayang harus telah berumur setidaknya 18 tahun. 


Pengajuan Google AdSense berlangsung satu kali per orang. Akun 
AdSense akan diberikan kepada setiap orang yang telah lolos 
seleksi. Selain itu, ketika kita menambahkan website baru di akun 
kita untuk menayangkan iklan AdSens, akan ada pula seleksi 
website. 
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b. Cara Mendaftar Google Adsense 


Untuk mendaftarkan diri dan website kita sebagai penayang 
Google Adsense berikut tahap-tahap yang harus dilakukan 


1) Pastikan kamu dan website kamu telah siap. 


2) Masuk ke halaman https://www.google.com/adsense/start/ 
untuk mendaftar. Kemudian klik Mulai. 


3) Isikan URL situs dan alamat email, kemudian Simpan dan 
Lanjutkan. 


Google AdSense | Daftar 


Silus dinda 
Ie, Sus Adila 
Isttps Meelasoripiess mere 


Kabag bray Minas Pemeran ja TA 


Alamat email Anda 


jamur bean gang mai sam 


Berikuirya, Anda harus login ke Akun Google untuk melanjukan perwiapan 
Ad terea 


Gambar: Mendaftar Google Adsense 
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4) Pilih negara Indonesia, dan centang persetujuan Persyaratan 
dan Ketentuan Google Adsense. Kemudian klik Buat Akun. 


5) Isikan alamat dan identitas kita. 

6) Verifikasi nomor telepon kita. 

7) Salin kode AdSense yang diberikan. 
URL aus Arda 
hitpedkelaawordpresaraid 


Honda AdiSerae Anda 


tenript dkta-ad-alianter sepak ae" gn aerasi Tp d2 
aandpr 
Gambar: Google Adsense Memberikan Script 


8) Masuk ke dasbor WordPress. Instal dan Aktifkan plugin Insert 
Headers and Footers. 


Insert Hesders and Footers Ines senang 
See Sekuat ilanaan yo ad arena ep ia te Fama lane ari 
dai Ron kg nyari 
Oi ear 
“BII Teakk Deer Dana Du 
Os Joran dil napa dana GS WondlPeess anda 


Gambar: Insert Headers and Footers 


9) Matikan semua plugin Cache apabila memasangnya. 
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10) Masuk ke menu Pengaturan -- Insert Headers and Footers. 
Kemudian tempelkan kode di bagian Script in Headers. 
Kemudian klik Save. 


Settings 


Seripts in Header 


Tar Aar io — —u 1 Ha Mae Mar Mera DT RN ana ar 
TESFIPCL.- deta—ad-S11Ont—"ca-puh-e4 375384635 


grcehctos/ #paseadt google syndication com 


Gambar: Menempelkan Kode Header Google AdSense 


11) Kembali ke halaman Google Adsense. Centang Saya telah 
menempelkan kode ke situs saya. Kemudian klik Selesai. Maka 
akun kita akan masuk ke daftar peninjauan. Pada periode ini, 
Google akan memeriksa kelayakan website untuk 


menayangkan iklan Google. 


— 


(& Kami sedang meninjau situs Anda 


Proses ini biasanya membutuhkan waktu beberapa han, tetapi 1 
Anda jika semuanya sudah siap 


Gambar: Proses Peninjauan Akun Google Adsense 
c. Memasang Iklan Adsense 


Ketika akunmu sudah aktif, selanjutnya kita bisa mulai 
menayangkan iklan Google Adsense. 
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1) Pada halaman Google Adsense, masuk ke menu Iklan -- 
Ringkasan. Kemudian klik tab Menurut unit iklan. 


Mermuuina Purut us bla Sada gioia 


Dust unit ikan baru 


Danial D ia rai 

Idan Display Idon dalan tes Telan dalam arilkel 
Beda Pa PPPA le maa ea Dina ji Biaya omi jai 

Pe ana an aras aa Pel On 00 IN Aa ai Iaid: 21arga had 


Din iklas Manu KL Ara 
Pein betah 


ana Selagi Hola au seal Indo ada Pandai Bah besi war 
Gambar: Membuat Unit Iklan Baru 


2) Pilih jenis iklan yang akan ditayangkan: Iklan Display, Iklan 
dalam feed, atau Iklan dalam artikel. Umumnya banyak 
menggunakan iklan display. 


3) Beri nama iklan pada kolom ujung kiri atas. Kemudian, pada 
sidebar sebelah kanan, atur Ukuran Iklan menjadi Responsive. 
Klik Buat. 


4) Salin kode iklan yang disediakan. 
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iklan sudah dibuat, sekarang tempatkan kodenya 


HTML 


Salin dan tempel kode unit Iklan di antara tag s body bar 


Leiakkan kode ini di tempat yang dunginkan untuk menampilkan ik 
iklan. pada setiap halaman 


#gordpt Say srce btbps:/fpagsadz2 googles ynddicetion com papend: 
at-- Contoh Saja --1 
cin class” adsbygooele” 

@tylee” display:h1ock” 


maba kn Mn rani AMA A00 POTO 


Gambar: Menyalin Kode Iklan Google AdSense 


5) Masuk ke dasbor WordPress. Instal dan Aktifkan plugin Ad 
Inserter — Ad Manager & AdSense Ads. 


Ad Inserter — Adi lanage & Adfenss bacbad sena unngy 
diri 
Mirekan Lengkap 
Wlannga Saogk dad rae lean dangan beras 
asetat ad rirln ia undset AKSI ehi CFP 
Je 
Dan ig Kn 
GA iba Terakhir Diserbu Lining di 
253. DES Tamala dika “ Kempuital Jaran aral Andrean Aa 


Gambar: Plugin Ad Inserter 
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6) Masuk ke menu Pengaturan -- Ad Inserter. Tempelkan kode 


tersebut pada blok yang tersedia. Atur pula lokasi penayangan 
iklan. 


Lis era Device rc Pre 
jar) Posts |. Homepage 
| State pages Search pages 
aa 
Inserban | Disabled ji 


Hafare ncei 
Bafone conleni 
Hafore paragrapii 
Gambar: Pengaturan Lokasi Penayangan Iklan 


MAY 


7) Setelah itu klik Save Setting. Cek websitemu di perangkat lain 


atau dalam mode Incognitor, beberapa saat iklan sudah tayang 
di web kita 


13.2. Melakukan Ternak Blog Adsense 


Ternak Blog Adsense adalah istilah yang biasa disebut para blogger 
bagi mereka yang fokus memperbanyak blog untuk mendapatkan 
penghasilan dari adsense. Ada beberapa tips untuk melakukan 
ternak blog adsense. Berikut saya paparkan. 


Fokus Kuantitas 


Membuat Blog Baru 


Menulis Minimal 300 Artikel dalam Waktu 2 Bulan (300-500 
Kata) 


Riset Keyword Secukupnya 
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Setelah 2 Bulan Update Seminggu Sekali 


Fokus Kualitas 


Membuat Blog Baru 

Menulis Artikel Berkualitas (1000-2000 Kata) 
Seminggu Minimal 3 Artikel 

Riset Keyword Baik 

Optimasi SEO Baik 


30-100 Artikel Sudah Bisa Menghasilkan 


Lakukan Ternak 


1 Blog bisa menghasilkan #- 500RB / Bulan 


Maka dengan memiliki 10 s.d. 20 Blog, penghasilanmu bisa 
puluhan juta. 


Sudah dibuktikan oleh banyak peternak adsense. 


13.3. Memasang Slot Iklan Mandiri 


Kita bisa menyediakan slot iklan mandiri. Sistem penayangannya 
seperti Google AdSense, namun pada slot iklan mandiri ini kita bisa 
menawarkan harga penayangan iklan di web kita sesuai kehendak 
kita. Namun kita harus melakukan promosi agar pengiklan tertarik 
memasang iklan di web kita. 


1) 


2) 


Upload gambar sesuai dengan ukuran iklan yang disediakan, 
misalnya 250x250 piksel, melalui Pustaka Media. Kemudian 
salin url gambarnya. 


Buat laman baru berisi ketentuan penjualan 
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3) 


4 


Masukkan kode html di bawah ini di tempat slot iklan yang kita 
ingin pasang. Misalnya di bagian widget. 


«a href-'"#linktujuan" target-" blank" title-'#juduliklan 

simg src-'#urlgambar" alt-'#juduliklan" title-'#juduliklan" 
height-'#tinggiiklan" width-"#lebariklan"/5 

Jas 


Ubah setiap kata dengan tanda # yang telah saya tandai. 


13.4. Mengikuti Program Afiliasi 


Apa itu program afiliasi? Program afiliasi adalah program yang 
memungkinkan kita bisa mendapatkan komisi jika kita berhasil 
membuat orang lain membeli suatu produk. Umumnya sistem kerja 
program afiliasi adalah sebagai berikut. 


1) 


2) 


3) 


4) 


Suatu platform menyediakan program afiliasi. Platform 
tersebut memberikan tautan afiliasi khusus untuk kita. 


Kita perlu mengajar pengunjung web atau media sosial untuk 
membeli produk tersebut, dan mengarahkan pengunjung 
untuk membeli lewat tautan afiliasi milik kita. 


Ketika pengunjung web masuk membuka tautan afiliasi kita, 
sistem biasanya akan menyimpan cookies, session, atau cache 
di browser kita sebagai penanda bahwa ia masuk melalui 
tautan yang kita berikan. 


Ketika pengunjung tersebut membeli produk, maka kita akan 
mendapatkan komisi sebesar yang dijanjikan. 


Beberapa program afiliasi yang bisa kita diikuti antara lain: 


1) 


Program afiliasi layanan hosting, umumnya penyedia hosting 
menyediakan program afiliasi. 
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2) https://www.zalora.co.id/partner/ 
3) https://www.bukalapak.com/affiliate 
4) https://www.tiket.com/affiliate 


5) Dan masih banyak lagi. Silakan teman-teman cari program 
afiliasi lainnya di mesin pencari melalui kata kunci 'program 
afiliasi' atau 'affiliate program'. 


13.5. Monetisasi Artikel 


Untuk web dengan tipe blog, kita dapat melakukan monetisasi 
artikel kita. Maksudnya kita akan mendapatkan peluang untuk 
meraih penghasilan dengan hanya menulis artikel. 


a. Mengikuti Lomba Menulis Blog 


Dalam beberapa tahun terakhir, lomba menulis blog tengah 
menjadi tren di kalangan bloger dan pemilik website. Lomba blog 
biasanya merujuk ke pembuatan artikel ulasan produk ataupun 
artikel dengan tema tertentu. Hadiah yang ditawarkan cukup besar, 
dengan total hadiah 2 s.d. 10 juta. Terkadang vendor laptop seperti 
ASUS juga sering menyelenggarakan lomba blog dengan hadiah 
berbagai laptop terbaru ASUS. Poin penilaian yang dilombakan 
biasanya bobot tulisan, kesesuaian dengan tema, kreativitas tulisan, 
dan juga respon pembaca. 


Untuk mencari informasi lomba blog, cukup cari dengan kata kunci 
'Tomba blog #bulan #tahun' misalnya lomba blog november 2020”. 


b. Mengikuti Lomba SEO Artikel 


Hampir mirip dengan lomba menulis blog, lomba SEO artikel juga 
memperlombakan artikel. Biasanya berisi ulasan mengenai suatu 
produk. Namun poin penilaian yang dilombakan adalah urutan 
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artikel di mesin pencari. Hadiah yang disediakan biasanya lebih 
besar disbanding lomba menulis blog. 


Untuk mencari informasi lomba blog, cukup cari dengan kata kunci 
'Tomba seo #bulan #tahun' misalnya lomba seo november 2020”. 


c. Menawarkan Jasa Penulisan Artikel Ulasan 


Selain menulis artikel blog sesuai dengan apa yang kita kuasai, kita 
bisa saja menawarkan jasa penulisan artikel ulasan/review. Namun 
saat ini sudah mulai sulit untuk menawarkan jasa ini. Dengan 
menawarkan jasa penulisan artikel ulasan, kita bisa mengisi konten 
blog kita dengan lebih rutin sekaligus mendapatkan penghasilan. 


13.6. Memasang Shortlink dengan Iklan 


Apabila kita memiliki website dengan konten unduhan. Misalnya 
website download ebook, website download file pelajaran, dan 
sebagainya. Kita bisa menggunakan program shortlink dengan 
iklan. 


Cara kerjanya ialah kita bisa mengubah tautan unduh menjadi 
tautan shortlink. Pengunjung akan masuk ke halaman khusus 
dengan banyak iklan sebelum mengunduh file yang kita sediakan. 
Dengan begitu, kita akan mendapatkan penghasilan setiap view 
halaman sebelum pengunjung melakukan unduh. 


Hanya saja kelemahannya, pengunjung seringkali mengalami 
kesulitan ketika mengunduh, dikarena iklan yang ditampilkan 
biasanya berupa tombol serupa bertuliskan download. Cara ini 
tidak saya rekomendasikan, namun bisa menjadi pilihan. 
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Yan Kajal ya 


Op Te La 
“" DIGITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB XIV 
SEARCH ENGINE 
OPTIMIZATION 


SEO merupakan singkatan dari Search Engine Optimization, yaitu 
suatu tindakan yang dapat kita lakukan untuk melakukan optimasi 
website agar mudah dikenali oleh mesin pencari. Output dari 
pengaturan SEO yang baik adalah setiap halaman dari website kita 
dapat ditemukan di mesin pencari dengan baik dan cepat. Tingkat 
lanjutnya, optimasi SEO ini juga bisa berpengaruh pada posisi 
halaman website kita di mesin pencari. 


14.1. Mengenal SEO 


Ada duajenis tipe optimasi SEO, yakni Onsite SEO dan Offsite SEO. 
Onsite SEO merujuk pada segala bentuk optimasi yang dilakukan 
secara langsung pada konten dan pengaturan website kita. 
Sedangkan, Offsite SEO merujuk pada segala bentuk optimasi yang 
dilakukan di luar website, seperti digital marketing. 


Untuk kalangan bisnis, SEO ini sangat penting untuk dilakukan. 
Semakin baik SEO sebuah website, maka semakin besar pendapatan 
yang didapatkan dari hasil penjualan produk mereka dari website. 
Tapi SEO ini pun penting untuk diperhatikan oleh segala jenis 
website. Tanpa SEO yang baik, website kita akan sepi pengunjung. 


Pada bab ini saya akan menerangkan sedikit teknik Onsite SEO 
dasar yang menurut saya wajib dilakukan oleh seluruh 
pengembang/pemilik website. 
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Setemap 
| ce ban | bibaimikanan | Strategy | 
| Links 
3 Buildings 
Keyrsard | Pai | Social 
: —ILTLN —— 
Research Bae i Materi 
Opimistoi | 
| doptimization 


Aa sn aa P3 
| | Sotware | 
| Traifit Dekslosmeni (teb Desgn 


Gambar: Beberapa Cara Optimasi SEO 


Fecdback 


14.2. Yoast SEO untuk Optimasi SEO Artikel 

Cara pertama yang dapat pengembang website lakukan adalah 
melakukan optimasi artikel agar mudah ditelusuri oleh mesin 
pencari berdasarkan kata kunci yang kita inginkan. Kita akan 
melakukan optimasi tersebut dengan bantuan plugin Yoast SEO. 


1) Instal dan Aktifkan plugin Yoast SEO. 
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Yosat SEO ie entotan | 


Tengpkeatinan SEO kebal Mande Aida Wise dngn na ri 
se rn ban Done dan lap ana hn tg 
gp penuh degan pegi ot IE 
Oke Fagos F 
Katebe Terakhir Dipantau mung Idul 
B— jua Ina ak | S Gemnaiba dang asi Word Pres ind 


Gambar: Plugin Yoast SEO 


2) Masuk ke menu SEO — Umum, 


2 Konfigurasi SEO pertama kali “ 


tagih Kuala dangan cepat menggumak an Yossi SEL pemandu konligenas 


Gambar: Memulai Konfigurasi Yoast SEO 


3) Ikuti setiap konfigurasinya. Sesuaikan dengan keadaan website 
kita. 


4) Selanjutnya kita akan membuat pos baru ditambah dengan 
pengaturan SEO. Masuk ke menu Pos -- Tambah Baru. 
Kemudian buat pos seperti biasanya 


5) Optimasi SEO Pertama: Mengikuti Saran Yoast SEO. Sambol 
membuat pos, kita bisa mengikuti beberapa saran yang 
diberikan Yoast SEO. Silakan lihat pada tab Keterbacaan. 
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Tomi SEO 


Ara el | maa an Soda 
emil meal AD 
2 degan al 
Mi aral pai SO ari pora kadinreat remya odlorfup kadirear pel deli dan jumdah ah 
en 1016 pang dion | au nia eka ag aa art 
MI Meli ui Arak Pa Memaparat un D benorran bar nun pang am dna Pa 
bata erna sara. Cubalah unuk mengamnangya! 
P0 Hani pang ban fil 
Akun par mahi Pera dak mena soo ad seba, op teka oubep pendek dan 


Mg Onda dik @ambuua ya 


peta Tedah aa agar pang Terios panganga Hetagai nela 


Gambar: Nilai Keterbacaan Pos 


Hebatnya, Yoast SEO sudah mendukung bahasa Indonesia. Jadi, 
silakan ikuti saja saran-saran yang diberikan Yoast SEO, 


6) 


7) 


8) 


Optimasi SEO Kedua: Menambahkan Kata Kunci. Sarikan kata 
kunci dari pokok bahasan artikel. Gunakan spasi untuk 
memisahkan setiap kata kunci. Baiknya kata kunci juga 
terdapat di dalam judul. 


Optimasi SEO Ketiga: Membuat Judul yang Sesuai. Buat judul 
yang mengandung kata kunci. Pada tab SEO, lihat hingga judul 
berwarna hijau yang menandakan jumlah kata pada judul 
sudah baik. 


Optimasi SEO Keempat: Membuat Slug dan Deskripsi Meta. 
Buatlah slug yang mengandung kata kunci. Dan buat juga 
deskripsi meta sebagai deskripsi pos yang akan muncul di 
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mesin pencari. Gunakan kalimat yang berisi kata kunci dan 
menggugah peselancar internet untuk membaca. 


Jnsalisi SEO Dosa yariasdk 
Thag 
rekat-intag-shodagoh-online 
Inai wadiab 


Deskripsi meta 
Aca satu cara bayar pekat nfag shodag ol oeliue yang sa tina lagi apes atis di 
kalangan milanial yakni dangan ar coda dingan splikaa. 


Gambar: Melakukan Pengaturan Slug dan Deskripsi Meta 


9) Dan terakhir, ikuti berbagai saran yang diberikan oleh Yoast 
SEO pada bagian Analisis SEO. Lakukan hingga indicator 


berwarna hijau. 


5) Analisis SEO 


zakat infag shodagoh online 


Gambar: Indikator Analisis SEO Berwarna Hijau 


14.3. Sitemap 

Sitemap atau peta situs adalah alat bantu yang terdapat pada 
website yang berisikan kumpulan tautan penting yang perlu 
deindex oleh mesin pencari. Dengan adanya peta situs, website 
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akan lebih mudah menjelajahi dan meraih halaman-halaman 
website. Menambahkan sitemap di website juga merupakan salah 
satu bentuk optimasi SEO. 


Lalu, bagaimana cara membuat peta situs di WordPress? Saya 
menyarankan agar teman-teman menggunakan WordPress versi 
terbaru atau menggunakan plugin Yoast SEO. WordPress versi 
terbaru, yakni mulai versi 5.5.1 telah memberikan sitemap default. 
Alamat sitemap default wordpress adalah sebagai berikut. 


Urlwebmur/sitemap.xml 


Cara kedua adalah dengan memasang plugin Yoast SEO. Untuk 
melihat alamat sitemap dari Yoast SEO, masuk ke menu SEO -- 
Umum - Tab Fitur. Klik Lihat peta situs XML pada bagian Peta 
situs XML. Alamat sitemap yang diberikan Yoast SEO adalah 
sebagai berikut. 


Urlwebmu/sitemap index.xml 


14.4. Google Search Console 


Google Search Console atau yang sebelumnya disebut Google 
Webmaster Tools merupakan layanan gratis yang disediakan oleh 
Google untuk para webmaster. Layanan ini berfungsi untuk 
meningkatkan keterlihatan situs di hasil pencarian Google dan 
menampilkan laporan status indeks pada web yang didaftarkan. 


Dengan menggunakan Google Search Console, kita bisa melihat 
analisa pengunjung, menambahkan peta situs, atau melakukan 
inspeksi URL. 


Untuk mempercepat pos website kita dapat terindeks oleh mesin 
pencari google, biasanya para pengembang web menambahkan 
secara manual peta situs web ke Google Search Console. Berikut kita 
praktekkan. 
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1) Masuk ke halaman Google Search Console melalui alamat 
https://search.google.com/search-console, kemudian masuk 
menggunakan akun Google. 


2) Pilih metode Awalan URL, kemudian masukkan url web kita. 
Kemudian klik Terus. 


- 
Ju 
Domain (R3 Sala URL 
' Aa Pe PA en na ang 
Ternnaiba 
TA Bea ok eng 
aj Ipa 


ag Aa Po aa aa 


La Pee aU 


Tai IS 


Gambar: Menambahkan URL Web ke Google Search Console 


3) Untuk metode verifikasi, gunakan metode verifikasi Tag 
HTML. 
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Verifikasi kepemilikan 


hepi words ara. md, 


Tag HT cd Hn A 


| Sala tag maa Oi bina dalu tempa ks rataan Riranda cetos Arda. Tag 
ma harus berada di bagian dhesds, cebalann bagian boys pentarna 


Greta nana yoogle-sie-enfcaikn cone bd des au 
2 Hk Verifikasi di bawah 
Gambar: Melakukan Verifikasi Kepemilikan Web 


Salin kode meta yang disediakan. 


4) Instal dan Aktifkan plugin Yoast SEO. Kemudian masuk ke 
menu SEO -5- Umum -- Tab Webmaster Tools. 


5) Tempel kode pada bagian Kode verifikasi Google. Hilangkan 
semua kode selain kode unik yang berada di dalam tanda kutip 
dua. Contohnya seperti gambar di bawah ini. Kemudian klik 
Simpan Perubahan. 


Madani kes Songs KAIN dede aduk mus 08 5 Fu Lek UU ka 


Dogs ika fi boode Merias Google Jones Gong le Tedh Dena koes 


Gambar: Contoh Kode Verifikasi Google Search Console 


6) Di halaman Google Search, klik Verfikasi. Maka dari itu 
kepemilikan URL telah terverifikasi, klik Buka Properti. 
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Gi Kepemilikan telah diverihkasi 


ka oi bai 


Tanga M SL, 


jer tetang terekam abg ma ai heel tema iba Sea Wreik 
srentundadi per anal setia Aira Sarpin meranti beban mesoda sonia de 


Selatan yen angan in 
SELESAI — BUKA PROPERTI 
Gambar: Kepemilikan URL Telah Diverifikasi 


7) Nah, selanjutnya tambahkan peta situs web kita melalui menu 
peta situs. Masukkan sitemap index.xml jika menggunakan 
plugin Yoast SEO, jika tidak masukkan sitemap.xml. Klik 
Kirim. 

Pera sibus yang diksimkan 


La ih ai Tadkiin H Tia af dianntai MA Mi 


epik Iedeka Pa bu 2 27 Oki 2g) 


Gambar: Berhasil Mengirimkan Peta Situs 


14.5. Menganalisis Tren dengan Google Trends 


Google telah menyediakan aplikasi bernama Google Trends yang 
dapat kita gunakan untuk melihat tren pencarian di Google. Analisa 
tren ini biasanya digunakan oleh para bloger untuk menganalisas 
tren pencarian yang ada di google. Bisa juga digunakan untuk 
menganalisa penggunaan kata kunci yang akan diguakan. 
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Saya beri contoh, misalnya kita ingin membuat pos mengenai 
bimbel, dan kita ingin mengalisa apakah masyarakat lebih banyak 
mencari dengan kata kunci “bimbel' atau “bimbingan belajar. 


1) Masuk ke halaman Google Trends melalui alamat 
https://trends.google.com/trends/?hl-id &geo-ID 


2) Ketikkan kata kunci yang ingin dicari yakni “bimbel kemudian 
Enter. Maka kita bisa melihat tren pencarian kata “bimbel. 


Ih MAN mah 1 2. 


Gambar: Analisis Tren Pencarian Kata 


3) Selanjutnya klik bandingkan, kemudian masukkan “bimbingan 
belajar. Maka kita bisa melihat bahwa penggunaan kata 
'bimbel' lebih banyak digunakan ketimbang “bimbingan 
belajar. 
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Fa s, Put 
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Gambar: Hasil Perbandingan Tren Pencarian 


14.6. SEO on Page 


SEO on page adalah praktik mengoptimalkan konten pada halaman 
website agar dapat masuk peringkat teratas Google dan mudah 
dicari oleh pengguna. Pada dasarnya, SEO on page lebih berfokus 
pada cara membuat konten agar terlihat SEO-friendly. 


Teknik SEO on page merupakan teknik terbaik untuk bisa masuk ke 
peringkat atas pencarian Google. Karena SEO on Page berkaitan 
erat dengan kualitas artikel. Ibarat, percuma memiliki backlink atau 
promosi yang bagus, tapi kontennya sampah, tetap saja akan 
tergerus waktu. 


Di materi riset kata kunci, kita sudah mengenal keyword utama dan 
keyword pendukung. 


Contoh Keyword Utama: daftar google classroom 
Contoh Keyword Pendukung: 
1. daftar google classroom guru 


2. daftar google classroom murid 
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3. 
4. 


5. 


cara daftar google classroom 
daftar hadir Google Classroom 


cara daftar email Google Classroom 


Aturan Main SEO on Page Para Master SEO 


Ilmu ini saya pelajari di kelas SEO. Untuk membuat artikel SEO, kita 
harus pastikan tujuh ketentuan ini diikuti. 


1. 
2. 


Keyword utama ada di judul. 

Keyword utama ada di permalink. 

Keyword utama/pendukung ada di paragraf pertama. 
Keyword utama/pendukung ada di salah satu subheading. 
Keyword ada di ALT gambar. 

Keyword utama/pendukung ada di paragraf terakhir 


Keyword pendukung yang tersisa|letakkan di sembarang 
paragraf. 


Teknik Semantik 


Berikut cara melakukan teknik semantik: 


1. 


Menambahkan kata di antara keyword. Contoh keyword 
awal daftar google classroom, bisa diubah menjadi daftar 
aplikasi google classroom. 


Menemukan sinonim keyword. Contoh keyword awal 
daftar google classroom, bisa diubah menjadi register 
Google Classroom. 
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3. Menemukan istilah lain dari keyword. Contoh keyword 
awal kekuatan Super Man, bisa diubah menjadi kekuatan 
Man of Steel. 


Tips Tambahan Para Master SEO 


Ilmu ini saya pelajari di kelas SEO. Teman-teman bisa mengikuti 
tips tambahan berikut ini. 


1) Perbanyak jumlah kata, semakin banyak semakin baik. 
Biasanya artikel 1000 kata lebih baik dibanding 300 kata saja. 


2) Menggunakan jumlah gambar yang pas. Kira-kira 3 s.d. 5 
gambar dalam satu artikel cukup baik. 


3) Menyematkan 1 tautan eksternal ke situs-situs besar yang 
terkait dengan konten yang kita angkat. 


4) Menyematkan 1 tautan internal ke artikel kita yang lain yang 
relevan. 


5) Keyword tidak wajib huruf tebal, miring dan underline, berisi 
tautan. 


14.7. SEO off Page 

SEO off page adalah langkah optimasi SEO yang dilakukan di luar 
konten atau website. Jika di SEO on page Anda hanya berkutat pada 
faktor-faktor SEO internal website, SEO off page menuntut Anda 
untuk mengoptimasinya dari faktor-faktor eksternal. 


Beberapa contoh SEO Off Page yang cukup berpengaruh ialah: 


1) Social Branding, cara-cara yang kita gunakan agar web kita 
punya brand di hati masyarakat. 


2) Social Media, membuat dan update social media sehingga 
memiliki banyak follower dan diingat oleh masyarakat. 
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3) Iklan, kekuatan besaran iklan juga sangat berpengaruh. 
Semakin besar iklan maka akan semakin besar kunjungan 
website. Semakin besar kunjungan website, semakin bagus 
posisi di mesin pencari. 


4) Share media sosial, biasanya blogger selalu share postingan 
barunya di media sosial mereka. 


14.8. Mengenal DA dan PA Website 


Domain Authority (DA) merupakan angka atau skor yang untuk 
memprediksi peluang ranking website di mesin pencari. Sedangkan 
Page Authority (PA) merupakan angka atau skor untuk 
memprediksi peluang laman di mesin pencari. Da dan PA ini 
dikembangkan oleh Moz sebagai salah satu platform SEO. 


Di Indonesia, DA dan PA sering dijadikan sebagai tolak ukur 
tingkat kualitas SEO suatu website. Semakin tinggi DA dan PA 
suatu website semakin mudah website bisa bercokol di halaman 
pertama pencarian Google. 


Untuk mengecek nilai DA dan PA website, caranya cukup mudah. 
Tinggal kunjungi website https://moz.com/domain-analysis 
kemudian masukkan alamat website yang ingin dicek, lalu klik 
tombol Analyze domain. 


16 84 3 IX 


Gambar: Hasil Pengecekan DA dan PA Website 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 297 


“1 KURSUS 
$4 DIGITA 
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j 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 


pertanggungjawaban di akhirat. 
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BAB XV 
GOOGLE ANALYTICS 


15.1. Tentang Google Analytics 


Google Analytics merupakan layanan yang disediakan Google 
untuk menampilkan statistik pengunjung sebuah situs web. 
Dengan menggunakan Google Analytics, kita dapat menelusuri 
pengunjung berdasarkan pencarian mesin pencari, iklan, jaringan 
pay-per-click, email marketing, dan juga tautan yang terkandung 
dalam dokumen PDF. 


15.2. Mendaftar Google Analytics 
Untuk dapat menggunakan Google Analytics, kita terlebih dahulu 
harus membuat akun. 


1) Masuk ke halaman https://analytics.google.com/analytics/, 
kemudian klik Buat akun secara gratis. 


2) Isikan nama akun, detil properti, dan informasi bisnis. 
Kemudian setujui ketentuan layanan. 


3) Siapkan/pilih aplikasi Web. 


(Eh Apt Android Web 
Gambar: Memilih Jenis Platform Aliran Data 


4) Masukkan URL dan nama web. Kemudian klik Buat aliran 
data. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 299 


Menata ade Cot mei ah ma 


Mi lk Fani Ab IM 


nia si Pee Wa. ia ir ali ii 


“ an 


Tea Aa Man dar era on bom li an aa aa pangan jera sanga Gi ana aa 
| da 2 asi Ia 5 saia uu ia wang Pia Ac Maa ai 


"i Aa Penari Metal heran 


Mengukagi & an ls lai! u Rorsii Gi Ab ka Aikrraa 


Gambar: Membuat Aliran Data Web Baru 


5) Salin tag situs global yang tertera. 


- A Ing Hina Mob iga 
Ea ar pel Wc pengarah nan Gk KD ba am pe Megan Arda uni 


Ekacal be tag Son dii — Konga alis 
Medi Me Pe Ten Di Sen geger aan memang Oa AP PR dd 


ajaaa daa an see data II ji 
Pemko ara (dana onar peri 


ing jam Dari ii 


ag Gl, gn | 


'erirti 


Gambar: Menyalin Kode Pelacakan Google Analytics 


6) Selanjutnya masuk ke menu Tampilan -- Penyunting Tema. 
Kemudian pilih file header.php. Kemudian tempel kode tepat 
di bawah tag Xhead» seperti gambar di bawah ini. Kemudian 
klik Perbarui Berkas. 
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Shead3 
z - Global sate tag (rbs.313) boss Anndletac: 
fscrapt async res https) Pemeenogletagmonaper .com/fetaj 
(selat 
mindow, dataLayer - @indow.dataLayer || () 
function gtagI MdataLayer ,pushfarguments3 
getas 'Is', nea Date: 


atap config” OH 


Ki serlots 
Gambar: Menempelkan Kode di Bawah Tag Head 


Hanya saja cara ini akan membuat kode hilang ketika tema 
diperbarui. Kita dapat juga menempelkan kode tersebut ke 
dalam plugin Insert Headers and Footers sebagaimana seperti 
pada bagian pemasangan kode Google AdSense. 


7) Tunggu sekitar 1 hingga dua hari hingga Google Analytics 
berhasil mengumpulkan data web kita. 


15.3. Melakukan Analisis 

Ada banyak sekali fitur yang diberikan oleh Google Analytics untuk 
melakukan analisa pengungjung web. Kita dapat melihat statistic 
real-time pengaksesan web kita, melihat sumber lokasi pengunjung, 
sumber traffic, traffing berdasarkan konten, berdasarkan peristiwa, 
berdasarkan konversi, dan masih banyak lagi. 


Data-data statistic tersebut bisa kita gunakan untuk menganalisis 
pembuatan konten web, target promosi, target pengguna, dan 
sebagainya yang bisa membantu ketercapaian tujuan penggunaan 
web kita. 
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Gambar: Menu Samping Kiri Google Analytics 


Akan terlalu panjang jika saya menjelaskan setiap fitur satu per 
satu. Maka dari itu di bawah ini saya menemukan referensi 
mengenai fitur Google Analytics yang cukup lengkap ditulis oleh 
Niagahoster. Silakan teman-teman pelajari. 


https://www.niagahoster.co.id/blog/cara-menggunakan-google- 


analytics/ 
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1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB XVI 
SPEED OPTIMIZATION 


Optimasi kecepatan website sangat penting apabila jumlah 
pengunjung website sudah mulai banyak. Seringkali banyaknya 
pengunjung website membuat website kita menjadi sulit diakses 
oleh pengunjung lainnya. Selain itu, website yang lambat akan 
membuat pengunjung menjadi malas untuk menunggu dan 
akhirnya mereka tidak betah mengeksplorasi konten website kita. 
Untuk itu, pada bab ini mari kita belajar cara melakukan optimasi 
kecepatan website dengan beberapa cara. 


16.1. Mengecek Kecepatan Website 

Sebelum melakukan optimasi kecepatan, terlebih dahulu kita perlu 
mengecek kecepatan website kita di mata mesin pencari. 
Pengecekan ini digunakan untuk mengecek perubahan kecepatan 
sebelum dan setelah kita melakukan optimasi kecepatan website 
dengan beberapa cara. 


Ada dua website yang sering digunakan oleh para pengembang 
website untuk melakukan pengecekan kecepatan website, yakni 
GTmetrix dan Google PageSpeed Insight. 


1) Menggunakan GTmetrix 


Saya lebih menyukai GTmetrix untuk mengukur kecepatan website 
karena kejelasannya dalam penyampaian hasil tes. 


1) Masuk ke alamat https://gtmetrix.com. Kemudian masukkan 
alamat website yang ingin diukur kecepatannya. Sebagai 
contoh saya akan menguji salah satu website besar yang saya 
miliki. Setelah itu klik Test your site. 
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GT || 


How fast does your website load? 


Find out with GTmetrix 


7 


Kanan mann tu aa 


Gambar: Website GTmetrix 
2) Setelah itu lihat hasilnya. 
Latest Performance Report har 
nite Haa Infonnmnetaa Oon 
Bada Jasa Hi 
Wi ara Mp - PF 
ID Di Fera Bai abs 2 SAMA: Li ba 


Gambar: Hasil Pengecekan Kecepatan Website dengan GTmetrix 


Pada analisis hasil pengecekan, kita dapat melihat skor 
kecepatan website, skor YSlow, waktu load website, besar 
halaman, dan jumlah reguest. Kita juga bisa melihat detil 
informasi yang bisa digunakan untuk menganalisa dan 
memperbaiki kecepatan website. 
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Gambar: Detil Hasil Pengecekan Kecepatan Website dengan GTmetrix 
2) Menggunakan Google PageSpeed Insight 
Penggunaannya tidak berbeda jauh dengan GTmetrix. 
1) Buka alamat 


https://developers.google.com/speed/pagespeed/insights/ 
kemudian masukan alamat website yang akan diuji 
kecepatannya. Kemudian klik tombol Analisis. 


2) Hasil dapat kita lihat dan baca terkait usulan-usulan 
perbaikannya. 


2 


https w.informatikawan.comi/ 


aa Sa Saga 


Gambar: Hasil Pengecekan Kecepatan Website dengan Google PageSpeed Insight 
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16.2. Minify CSS dan JS 

Cara pertama yang bisa kita gunakan untuk mempercepat 
kecepatan website adalah dengan meminifikasi CSS dan JS. Apalagi 
jika plugin yang digunakan sudah cukup banyak, cara ini bisa 
dikatakan wajib untuk dilakukan. 


1) Instal dan Aktifkan plugin Fast Velocity Minify. 


Fast Valacity Ming Mkdifirar 
sal ia ty By ALA ari 
41 f Inna pn aa ke oi  Terimrot Pa plain Too Man Ling 
ai 3 and Googke Page Sana Dadignb ar mei ing eri 
Fa Telieity Oukeh mint Pedeok 
Mimiry 
ria Tesis Far Ckipadet Kader 2 Eoateri MRI 
No D0 merta Aki Beban dai dangan eri WordPress Arda 


Gambar: Plugin Fast Velocity Minify 


2) Buka beberapa halaman website agar Fast Velocity Minify 
dapat memulai membuat minifikasi CSS dan JS yang 
digunakan. Hasil minifikasi CSS dan JS akan disimpan di 
server. 


3) Selamat, CSS dan JS website kita telah diminifikasi. Kita coba 
analisis lagi dengan menggunakan GTmetrix. Skornya 
meningkat bukan? 
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Gambar: Skor GTmetrix Setelah Minify CSS dan JS 


16.3. Plugin Cache 


Cara kedua yang biasa dilakukan untuk mempercepat kecepatan 
website adalah dengan memasang plugin cache. Cache ini berfungsi 
sebagai sistem penyimpan/cache halaman yang telah kita buka ke 
local komputer kita. Sehingga ketika pengunjung membuka 
halaman yang sama, web akan mengambil data halaman dari lokal 
komputer, bukan dari server. 


1) Instal dan Aktifkan plugin LiteSpeed Cache. 


LitaSpeed Cacha Ai 


ALin-gag enbsalaba goo Pepe Na edan 
sbg maa Mu Ai bat Pl 


Ma png Tee bea 

G8 tea Terakhik Depertenal: 2 han bala 
Da nia Ai  Mempatik dengan erni Ad Pa Asih 
Gambar: Plugin LiteSpeed Cache 


2) Coba kita ukur kembali kecepatan websitenya dengan 
GTmetrix ataupun Google PageSpeed Insight. Sekarang sudah 
lebih baik dari sebelumnya. 
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Latest Performance Report for 
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Gambar: Skor GTmetrix Setelah Menggunakan Plugin Cache 


16.4. Penggunaan Format Gambar 


Pemilihan format gambar sangatlah penting untuk meningkatkan 
kecepatan website. Gunakan gambar dengan tipe jpg apabila 
gambar yang digunakan tidak harus bersifat transparan. Dengan 
format jpg, ukuran file gambar akan lebih kecil. Kita bisa 
menggunakan alat online untuk mengubah gambar dari berbagai 
tipe ke format png. Cukup ketikkan (format awal) to (format akhir) 
di mesin pencari. Misalnya png to jpg. 


Google Pe Abi | 


Peang Doa » Teresa hesiurran isi 
PNG ta JG Cara Pan be ENG 
Tea Plat aan Pe ra AJ na or em apl 


Gambar: Alat Online Pengubah PNG ke JPG 


Atau kita juga bisa menggunakan alat offline untuk melakukan 
pengubahan format. Misalnya untuk mengubah png ke jpg secara 
offline, kita bisa menggunakan aplikasi Easy2Convert PNG to JPG. 
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Gambar: Aplikasi Pang On rt PNG to JPG 


16.5. Kompresi Gambar 


Selain mengubah format, kita juga dapat melakukan kompresi 
gambar untuk menurunkan ukuran gambar tanpa menurunkan 
kualitas gambar. Untuk mudahnya, kita dapat menggunakan alat 
online. Sama seperti sebelumnya, cukup cari dengan kata kunci 
Inama format) compress. 


ta ce 0g ran : , 


Meangag ara 
Haa Gaib JPEG Ona 
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Gambar: Alat Online Kompress Gambar JPG 


Dapat juga dengan menggunakan softare seperti Balesio. Kita dapat 
mengunduhnya melalui alamat di bawah ini. 


http://www.balesio.com/fileminimizerpictures/eng/index.php 


Kita pun bisa menggunakan plugin EWWW Image Optimizer 
untuk melakukan optimasi gambar secara langsung di WordPress. 
Namun cara ini tidak saya rekomendasikan dikarenakan kurang 
efektif. 
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1) Instal dan Aktifkan plugin EWWW Image Optimizer. 


EM Image Optimlzes 


pangan: | Ban biniagian, Fitra! Hrg Hagpan Weton Ai tan Lengkong 
4 gi Pe te Ja MR) 
- Ja Kanya (ih MMA De Cakra 
Karta Pipa gp WPRUY 
(Tia Tersihar Disertana 1 ringan Ini 
BOS: benua Aki 2 Kompak bas engan sama WS ii Peroa Aindiai 


Gambar: Plugin EWWW Image Optimizer 


2) Buka menu Media -- Bulk Optimize. Kemudian klik tombol 
Scan for Unoptimized Images. Kemudian lakukan optimasi. 


Namun cara ini menurut saya kurang efektif dibanding dengan 
melakukan pengaturan ukuran gambar secara manual, 
menyesuaikan formatnya, dan mengompresi dengan alat online. 


16.6. Upgrade Paket Hosting 


Perlu diingat teman-teman, sebanyak apapun kita melakukan 
optimasi dengan menggunakan plugin atau alat lainnya, jika tidak 
dibarengin dengan kemampuan server yang mumpuni, maka 
website akan tetap terasa lambat. Lakukan penyesuaian paket 
hosting sesuai dengan kebutuhan penggunaan website. Semakin 
tinggi spesifikasi paket, semakin baik kecepatan websitemu. 


Ada beberapa hal yang perlu diperhatikan untuk meningkatkan 
paket hosting. 


1) Penyedia layanan. Pilih penyedia layanan hosting yang 
berkualitas dan terjamin mutunya. 


2) Besar RAM. 
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3) Banyak Core Server. 


4) Webserver yang digunakan. Disarankan mencari hosting 
dengan LiteSpeed sebagai web servernya. 


5) Lokasi server. Pilih lokasi server Jakarta apabila sasaran 
pengguna adalah penduduk Indonesia. 
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Yan Kajal ya 


Op Te La 
“" DIGITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB XVII 
KEAMANAN WORDPRESS 


Menggunakan WordPress tanpa pengaturan tambahan untuk 
membuat website sangat rentan dalam hal keamanannya. Website 
kita akan sangat mudah di hack oleh orang tidak bertanggung 
jawab. Oleh karenanya, kita perlu melakukan beberapa pengaturan 
sederhana agar website WordPress kita lebih sulit untuk dijebol 
keamanannya. 


17.1. Limit Login 


Hal sederhana yang dapat kita lakukan untuk mencegah adanya 
brute force pembobolan akun WordPress kita adalah dengan 
membatasi jumlah percobaan login. Dikarenakan di luar sana ada 
alat untuk melakukan brute force perocobaan login unlimited untuk 
dapat membobol sebuah website WordPress. 


1) Instal dan Aktifkan plugin Loginizer. 


Lengan er 


2g arina Word Pre ecu pilog In mehieh dpan oa 


Bepe ipad bowansoloe randa 


Yen Tora 


rani er ai brapa baru DP Pia il 


& dorin ina mabes Gani Mi ea pedia Skeorarabn mari id Ana dai Matlaa 
Gambar: Plugin Loginizer 


2) Untuk melakukan pengubahan pengaturan, masuk ke menu 
Loginizer Security -- Brute Force. Namun biarkan saja sesuai 
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default dikarenakan Loginizer sudah menyiapkan pengaturan 
terbaik. 


Mile Peri en 


Gambar: Pengaturan Loginizer 


17.2. Memasang Captcha Login/Register 

Kadang kala ketika website kita memiliki fitur register, ada banyak 
akun spam bot yang dapat mendaftar masuk ke website kita. 
Untuk dapat mencegah akun spam bot mendaftar ke website kita, 
kita perlu memasang catcha login/register. 


1) Instal dan Aktifkan plugin Advanced noCaptcha & invisible 
Captcha. 


Mebag need natapicha ine Ta anang 
Pu Capocha d2 Udi TA 


kai de pama la laa ih 


sira Bea Op eng ade ina 


Gambar: Plugin Advanced noCaptcha & invisible Captcha 
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2) 


Masuk ke halaman 
https://www.google.com/recaptcha/admin/create, isikan data- 
data yang dibutuhkan. 


» Label: Isikan dengan nama/label website. 


e#  reCAPTCHA type: reCAPTCHA v2 » "Tm not arobot" 
Checkbox 


e Domain: Domain website. 
e Centang Accept the reCAPTCHA Terms of Service. 


Kemudian klik Submit. 


Test Arsa has been registered, 


Las im da eryi rn dihsi HTS moda yi ie am io ena # rar ida nia pikir 


& (rita rn La Ing "pg! 


Dikas Uda sange peta Koe pon akan berpesan peni afi ape re T OH TS ee bhryia 


Pan ui Ia Duda ba AA Adaa UR PA Semi ki 


Da Bea Bt jera | Pan 


Gambar: Site Key dan Secret Key Google Captcha 


Kamu akan mendapatkan Site Key dan Secret Key. Jangan tutup 
halaman tersebut, karena key tersebut akan kita gunakan. 


3) 


Masuk ke menu Pengaturan -- Advanced noCaptcha & 
invisible Captcha. Salin Site Key dan Secret Key ke kolom yang 
tersedia. Kemudian pada bagian Enabled Forms, pilih fitur 
yang akan mengimplementasikan captcha. Karena kita akan 
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mengimplementasikannya ke login dan register, maka centang 
Login Form dan Registration Form. Klik Simpan Perubahan. 


Pa ni area 


Gambar: Hasil Implementasi Captcha Pada Halaman Login 


17.3. Menyembunyikan Login 

Secara bawaan, halaman login semua website WordPress berada 
pada alamat wp-login.php. Tentu kemudahan mengakses alamat 
login akan memudahkan pula penyerang melakukan ancaman 
terhadap website kita. Untuk itu, perlu bagi kita untuk mengganti 
alamat halaman login WordPress. 


1) Instal dan Aktifkan plugin WPS Hide Login. 


Pen nda DO aa banda 2 ori ga daki 


4 GARAM did 3 Keaa On asii ai Woro don 


Gambar: Plugin WPS Hide Login 
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2) Masuk ke menu Pengaturan - WPS Hide Login. Pada kolom 
Login url, ubah isi kolom dengan alamat yang akan digunakan 
untuk login. Misalnya saya mengubahnya menjadi 
“masuksini”. Klik Simpan Perubahan. 


WPS kide Login 


Padirecdss li La ni anji 


Gambar: Mengatur Halaman Login Kustom 


3) Sekarang halaman login kita sudah berubah sesuai dengan 
pengaturan sebelumnya. 


Tn ana obi tam 


boa Sa 
x: Lg amati 


Gambar: Alamat Login Baru Setelah Pengubahan 
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17.4. Plugin Keamanan Terpadu 

Ada banyak sekali plugin keamanan terpadu yang memberikan 
kumpulan pengamanan WordPress dalam satu plugin saja. Plugin 
keamanan terpadu biasanya sudah berisikan sistem anti malware, 
sistem pemberitahuan ancaman, pengamanan proses masuk, dan 
pengamanan-pengamanan sederhana lainnya. Salah satu plugin 
keamanan terpadu yang banyak digunakan adalah Wordfence. 


1) Instal dan Aktifkan plugin Wordfence Security. 


ear Genit — Fimiua A 


Pe hara Segi 
da kiri 
ai LLTE 7 Ben At Pa an pra 
TI Umr Md Pe bls Maja Kiki Tiba Hi 
Wardana Sebentar 
1 sari Terrebe Dena Tengpi 
ae Perniadani Ade Pee Mp ar Mon nng 


Gambar: Plugin Wordfence Security 


2) Masukkan email yang akan digunakan untuk pemberitahuan 
keamanan. Kemudian Continue. 


Yan Tae medan Wee LA 
(aa beo ehi Won bel ad jo ena ali Tor io Waballi 


Gambar: Mengatur Email Pemberitahuan Wordfence 
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3) Kemudian apabila ditanyai Premium Key, pilih saja No, 
Thanks. 


4) Wordfence berhasil terpasang dan keamanan website kita lebih 
baik dari sebelumnya. Kita bisa mengatur pengaturan 
Wordfence melalui menu Wordfence. 


17.5. Pengaturan Htaccess 


Ada beberapa pengaturan tambahan untuk menambah kekuatan 
keamanan WordPress, yakni menonaktifkan penjelajahan direktori 
dan menonaktifkan WordPress XML-RPC. Keduanya bisa 
dilakukan melalui file .htaccess yang terletak di cPanel. 


a. Menonaktifkan Penjelajahan Direktori 


Untuk menonaktifkannya, cukup tambahkan baris kode berikut di 
file .htaccess di direktori instalasi WordPress melalui cPanel. 


Untuk menonaktifkannya, cukup tambahkan baris kode berikut di 
bagian paling bawah file .htaccess di direktori instalasi WordPress 
melalui cPanel. 


Options -Indexes 
b. Menonaktifkan WordPress XML-RPC 


XML-RPC diaktifkan secara default di WordPress 3.5 karena 
membantu menghubungkan situs WordPress kita dengan web dan 
aplikasi seluler. XML-RPC dapat memperkuat serangan brute force 
secara signifikan. 


Untuk menonaktifkannya, cukup tambahkan baris kode berikut di 
file .htaccess di direktori instalasi WordPress melalui cPanel. 


# Block WordPress xmlrpc.php reguests 
Files xmlrpc.php» 
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order deny,allow 

deny from all 

allow from 123.123.123.123 
YFiles» 


Jika ingin lebih mudah, kita bisa menonaktifkannya dengan 
memasang plugin Disable XML-RPC. 


17.6. Menghindari Nulled Tema/Plugin 


Di luar sana, ada banyak sekali tema dan plugin yang tersebar 
secara gratis. Baik itu memang berlisensi bebas sebar (GNU/GPL) 
maupun bajakan (nulled). Namun, kebanyakan dari mereka telah 
memasukan skrip khusus untuk merusak website kita. Biasanya 
mereka akan memasukkan skrip iklan yang memberikan 
keuntungan kepada mereka, skrip agar mereka bisa masuk ke 
halaman WordPress tanpa kita ketahui, bahkan hingga skrip yang 
bisa merusak database website kita 


Untuk itu sebaiknya hindari tema/plugin premium gratis yang 
dengan mudahnya diunduh di internet. Karena sangat beresiko 
terhadap keamanan website kita, terutama apabila kita tidak 
mengerti apa-apa tentang koding. 


17.7. Tips Tambahan Keamanan WordPress 


Ada beberapa tips tambahan agar website kita semakin aman. 

1) Menggunakan paket hosting yang dilengkapi fitur keamanan. 
2) Menggunakan SSL/Https. 

3) Selalu mengupdate WordPress, tema, dan plugin. 

4) Rutin mengganti password admin. 


5) Menggunakan otentikasi dua faktor untuk login. 
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6) Melakukan backup secara berkala. 

7) Melakukan scan malware secara berkala. 

8) Menggunakan CDN seperti CloudFlare. 

9) Menggunakan layanan pengamanan WordPress seperti Sucuri. 
10) Keluar akun WordPress setelah selesai menggunakannya. 


Namun semua tergantung kebutuhan pengamanan, terkadang kita 
tidak perlu banyak melakukan pengamanan apabila website kita 
tidak berisi data-data yang begitu penting. Ya, semua disesuaikan 
kebutuhan. 


322 | Muhammad Fadillah Arsa 


Yan Kajal ya 


Op Te La 
“" DIGITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB XVIII 
FREELANCE 


Menurut Wikipedia, freelance atau pekerja sambilan atau pekerja 
lepas, adalah seseorang yang bekerja sendiri dan tidak 
berkomitmen kepada majikan jangka panjang tertentu. Freelance 
dalam dunia WordPress biasanya terkait dengan seseorang yang 
mempunyai jasa pembuatan website dengan WordPress. 


18.1. Tata Cara Jadi Freelance WordPress 


Berikut tata cara dan tips jadi freelancer WordPress. 


1) 


2) 


3) 


4) 


Pastikan kamu sudah menguasai WordPress. Belajar semua 
materi di Kelas WordPress sudah cukup untuk bisa menjadi 
freelancer. 


Bangun portofolio. Kamu bisa buat akun medsos misalnya 
instagram Jasa Pembuatan Website. Di akun IG tersebut, 
posting tentang jasa yang kamu sediakan dan juga gambar- 
gambar contoh web yang bisa dibuat. 


Tawarkan jasa. Metode penawaran jasa terefektif untuk saat ini 
yaitu menawarakan jasamu ke orang orang secara langsung. 
Buat saja slide power point berisikan informasi mengenai jasa 
yang ditawarkan, apa saja yang bisa dibuat, paket harganya, 
testimoni, kontak kamu, dan gambar-gambar contoh web yang 
pernah dibuat. Sebarkan dalam bentuk file .pdf 


Menawarakan jasa lewat web web freelancer seperti Fiver, 
Sribulancer, dan sejenisnya sudah tidak efektif lagi. Apalagi 
mereka yang membutuhkan jasa pembuatan web biasanya 
tidak mengenal web-web tersebut. 
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18.2. Tata Cara Menentukan Harga Layanan 


Penentuan harga jasa pembuatan web bisa ditentukan dari dua hal. 


Berdasarkan jumlah hari kerja. Singkatnya, kita bisa menentukan 
harga jasa per bulan kita. Anggaplah seharga UMR Rp3.000.000. 
Maka, satu hari pengerjaan dikenai biaya jasa sebesar Rp100.000. 


Berdasarkan jumlah halaman. Kita juga bisa menentukan harga jasa 
berdasarkan jumlah halaman yang dibuat. Misalnya 1 halaman 
dihargai Rp50.000. Maka jika ada yang memesan web 10 halaman 
dihargai biaya jasa Rp500.000. 


Berikut contoh paket harga layanan pembuatan landing page dari 
Mataram Web: 


Berikut adalah Daftar harga Jaso Landing Paga PRO dan Jasa 
Pembuotan Websita Lainnya 


Gambar: Harga Jasa Mataram Web 2021 


Note: Semua bergantung kepada kemampuanmu. Jika memakai 
sistem biaya per hari, maka semakin tinggi kemampuanmu, kamu 
bisa menaikkan harga per harinya. Jika memakai sistem biaya per 
halaman, kamu harus meningkatkan kecepatanmu membuat web. 
Membuat 5 halaman dalam 1 hari bukanlah hal yang sulit jika kamu 
sudah lihai. 


Buku Belajar WordPress Dari Dasar Hingga Mahir | 325 


18.3. Slide dan Surat Penawaran Jasa 


Berikut saya beri contoh slide penawaran jasa dan surat penawaran 
jasa. Silakan akses melalui tautan di bawah ini. 


https://bit.1y/BukuWordPressKitFreelance 


18.4. Contoh Peluang Freelance WordPress 


Saat ini sudah banyak sekali orang yang memiliki kemampuan 
mengembangkan website dengan WordPress. Namun, peluang 
usaha di bidang WordPress masih terbuka. Di bawah ini ada 
beberapa peluang usaha WordPress yang saya ketahui. Tentunya 
selain metode monetisasi web yang telah kita bahas pada bab 
sebelumnya ya. 


1) Jasa Pembuatan Landing Page 


Saat ini masih menjadi trending jasa pembuatan landing page. 
Teman-teman bisa menawarkan jasa pembuatan landing page ke 
perusahaan kecil atau UMKM. Buat portofolio karya-karya teman- 
teman agar mereka tertarik. Jasa pembuatan landing page bisanya 
dibayar Rp100.000 s.d. Rp.800.000 tergantung kemampuan dan 
hasil yang diberikan. Coba pelajari pembuatan landing page yang 
mobile friendly agar harga jasa semakin tinggi. 


2) Jasa Web Undangan Digital 


Saya melihat beberapa waktu ini jasa pembuatan web undangan 
pernikahan digital mulai bermunculan. Namun harga jualnya tidak 
terlalu tinggi, berkisar Rp50.000 sd. Rp100.000 saja. Meski begitu, 
pembuatannya cukup mudah, kita tinggal buat form isian saja data 
data yang akan ditampilan. Data tinggal di copy paste ke format web 
yang telah dibuat. Setiap web undangan diinstal pada subdomain, 
jadi hanya modal 1 buah domain utama saja. 
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3) Jasa Pembuatan Web Company Profile 


Jika landing page biasanya hanya berjumlah satu halaman, web 
company profile memiliki lebih dari satu halaman web. Bergantung 
kebutuhan perusahaan yang membutuhkan web company profile. 
Tawarkan jasa ini ke perusahaan kecil atau UMKM. Jasa pembuatan 
landing page bisanya dibayar Rp100.000 s.d. Rp1.000.000 
tergantung kemampuan dan hasil yang diberikan. 


Adapun pembuatan web company profile di instansi pemerintahan 
bisa dihargai lebih mahal. Sekitar Rp5.000.000 hingga Rp15.000.000 
sudah termasuk melatih staff admin. 


4) Mengisi Pelatihan WordPress di Sekolah/Kampus 


Setelah teman-teman mempelajari kelas ini dengan baik. Teman- 
teman bisa mengisi pelatihan pembuatan website dengan 
menggunakan WordPress di sekolah atau kampus. Jasa pelatihan 
biasanya akan dibayar Rp100.000 hingga Rp500.000 untuk satu 
pertemuan membahas secara tuntas pengembangan website dari 
awal hingga akhir. Namun teman-teman harus memiliki link agar 
bisa dihubungi oleh sekolah/kampus. 


5) Jasa Pembuatan Web Sekolah/Organisasi 


Tak jarang banyak sekolah dan organisasi yang tidak paham cara 
pembuatan website. Teman-teman bisa menggunakan kesempatan 
ini untuk membantu dan menyediakan jasa pembuatan web bagi 
mereka, ditambah dengan pemberian pelatihan bagi admin di 
sekolah. Jasa pembuatan web sekolah atau organisasi biasanya 
dibayar Rp500.000 hingga Rp.1.000.000. 


6) Jasa Pembuatan Web Kursus Online 
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Teman-teman bisa targetin bimbel-bimbel offline sebagai sasaran 
penawaran jasa pembuatan website kursus online. Jasa pembuatan 
web kursus online ada di rentang harga Rp1.000.000 hingga 
Rp4.000.000. 


18.5. Sasaran Jasa Pembuatan Website 


Sasaran jasa pembuatan website saat ini adalah UMKM, organisasi 
kecil, dan lembaga pemerintah kecil. Pengusaha atau pejabat yang 
sudah punya usia biasanya mengandalkan jasa untuk membuat 
web. Kalau anak muda biasanya bikin sendiri karena masih punya 
semangat. Kalau perusahaan besar biasanya sudah punya tim IT 
sendiri. 


Contoh Sasaran Jasa: 


Web Kursus Online: Tawarkan ke bimbel-bimbel kecil, kursus 
bahasa inggris kecil, atau lembaga pelatihan. 


Web Landing Page dan Toko Online: Tawarkan ke UMKM, akun- 
akun bisnis di medsos, teman-teman yang punya bisnis. 


Web Company Profile: Tawarkan ke sekolah-sekolah, organisasi 
kecil, lembaga-lembaga kecil, yayasan-yayasan kecil. 
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BAB XIX 
LAIN-LAIN 


Secara umum, bab ini akan membahas beberapa hal mengenai 
pengaturan-pengaturan yang seringkali digunakan oleh semua 
pengembang website berbasis WordPress. Saya berharap bab ini 
bisa melengkapi ilmu pengembangan WordPress yang telah banyak 
dipelajari pada bab sebelumnya. 


19.1. Reset Total WordPress 


Untuk melakukan reset total website WordPress kita seperti baru 
kembali, hanya dibutuhkan sebuah plugin bernama WP Reset. 


1) Instal dan Aktifkan plugin WP Reset. 


UP Reset — Most Advanced WordPress mol edikintka 
Raket Tool 
Hari mijla 
SA Di mba Sea eren ai Ot para Un 
Aas Meat Goda ida rai 


Ten Tiar OM peta nu | engan lali 


KAL Irerndianr Aki 0 Kompadbsi dangan vera Poni Prana era 
Gambar: Plugin WP Reset 
2) Selanjutnya masuk ke menu Peralatan - WP Reset. Pada 


bagian Site Reset, hilangkan semua centang, Ketikan “reset” 
pada kolom Type in “reset”, dan klik Reset Site. 
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Eka Ketat Pa 


area WA Her ena 
Pemetaan ai aneh acid pipe 


Tea ar ia paralon menanti ha bi bak Pi Pad ban lini 


AAA LUSA H baron arena To Kere Dp ats Ip una 


Gambar: Pengaturan Reset WordPress 


3) Pada popup yang muncul, klik saja Reset WordPress. 


Are you sure you Want to reset the site? 


kom Kesari Venada WA mpe ema kebo data Bikes 


Gambar: Popup Konfirmasi Reset 


4) Selamat, WordPress kita berhasil di reset menjadi seperti baru 
lagi. 


19.2. Mengatur Email SMTP dengan Metode Standar 


Di banyak kasus, secara default WordPress tidak melakukan 
pengaturan otomatis agar fitur pengiriman email berjalan lancar. 
Oleh karenanya, umumnya kita harus melakukan pengaturan 
Email SMTP terlebih dahulu agar website kita dapat mengirimkan 
email. Pengiriman email ini sangat dibutuhkan untuk beberapa fitur 
website kita misalnya untuk formulir kontak, notifikasi pengguna 
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baru, notifikasi komentar, sistem verifiksi pengguna baru, dan 
masih banyak lagi. 


Untuk mengatur Email SMTP kita perlu memasang plugin bernama 
Easy WP SMTP. Kemudian buka pula cPanel secara bersamaan. 


1) Install dan Aktifkan plugin Easy WP SMTP. 


Easy WP SMTP bari 


aig Tera Cbr 2 nga lalu 


an: nia Aktif 2 @nodbh dergpan ee WorPean, Area 
Gambar: Plugin Easy WP SMTP 


2) Buka menu Pengaturan -- Easy WP SMTP. Pada halaman 
tersebut telah tersedia input yang harus kita isikan sesuai 
dengan layanan SMTP yang kita miliki. 


3) Buka cPanel kemudian cari dan pilih Akun Email pada kategori 
Email. 


Gambar: Memilih Akun Email di cPanel 
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4) Klik Buat untuk membuat akun email baru. Pilih domain, isikan 
nama pengguna (email yang akan dibuat), atur sandi email, atur 
alokasi storage space, lalu klik Buat. 


5) Setelah berhasil dibuat, klik tombol Connect Devices pada akun 
email yang telah dibuat tadi. 


Samara SALITLE Serta (Danar 


Meru 
5 dang bia dri. 
Pep 
Kara sanga AE bat mara ai Ma 
madara 

bara Maak map Sort non For 35 
1 mdbsllhansad 

Sena Hd STP Po dks 


MP, PEP dan STP regu auteemulian 
Gambar: Detail Akun Email dengan SMTP 


6) Isikan kolom Pengaturan -- Easy WP SMTP dengan data yang 
disediakan pada halaman Connect Devices di cPanel. 


e Form Email Address : Isi dengan email yang telah dibuat 
sebelumnya 


6» Form Name: Isi dengan nama website atau nama pemilik 
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e Reply-To Email Address : Isi dengan email tujuan apabila 
pelanggan membalas (bisa diisi dengan email yang 
berbeda) 


» SMTP Host: Isi dengan host Server Keluar pada gambar 
(contoh: mail.fadillaharsa.id) 


e Type of Encryption : Pilih SSL/TLS (apabila mendukung 
SSL) 


e SMTP Port: Isi dengan SMTP Port Server Keluar pada 
gambar (Umumnya: 465) 


6» SMTP Authentication: Wajib memilih Yes 


6»  SMTP Username: Isi dengan nama Pengguna pada gambar 
(contoh: admin@fadillaharsa.id) 


e SMTP Password: Isi dengan password yang telah dibuat 
sebelumnya. 


Setelah terisi semua, klik Save Changes. 


7) Terakhir, coba lakukan Test Email untuk memastika Email 
SMTP berjalan baik. 
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Gambar: Melakukan Test Email 


19.3. Mengatur Email SMTP dengan SMTP2GO 
Terkadang menggunakan SMTP standar dari cpanel sering 
mengalami berbagai kendala seperti adanya limitasi maksimal 
penggunaan per jam atau email mudah dianggap spam. Oleh 
karenanya kita perlu menggunakan layanan SMTP pihak ketiga 
seperti SMTP2GO. 


PIL NAN TI 


Like first-class courler, for email, 


badyund olnah Mil pa area, mal kerena 


Pee Hi Pe ani rerumain ary 


soon ITN 


Gambar: Website SMTP2GO 
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1) 


2) 


3) 


4 


5) 


Buat email berbasis domain di cPanel. Karena SMTP2GO tidak 
menerima pendaftaran menggunakan email platform seperti 
GMAIL. 

Masuk ke website smtp2go.com kemudian lakukan 
pendaftaran dengan klik tombol Sign Up dan lakukan 
pendaftaran. Pilih paket Free Plan agar bisa mencicipi yang 
gratis. 

Tambahkan domain yang akan digunakan di menu Settings -- 
Sender Domains. Ketik lalu klik Add Domain. 


Sender Domains 


Manage your Gornatna 
2 K3 
Gambar: Menambahkan Domain Pengirim 


Kemudian di halaman Sender Domains, klik Domain yang 
telah ditambahkan. 

Kita bisa melihat arahan pengaturan CNAME yang perlu diatur 
di cPanel hosting kita. 
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Gambar: Perintah Pengaturan CNAME 


Untuk menambahkan pengaturan CNAME tersebut caranya 
masuk ke cPanel. Kemudian pilih Zone Editor di kategori 
Domains. 


Gambar: Zone Editor cPanel 


Kemudian klik - CNAME RECORD pada domain yang akan 
dihubungkan dengan SMTP2GO. 
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» fe gaarn 


Gambar: Menambah CNAME Record 


Tambahkan satu per satu pengaturan yang diperintahkan oleh 
SMTP2GO. Hostname masukkan di bagian Name. Value 
masukkan di bagian CNAME. Kemudian klik ADD A CNAME 
RECORD. 


Add a CNAME Record for “"kelaswordpress.web.id” 


Gambar: Penambahan CNAME Record 


Setelah semua CNAME diinputkan. Klik tombol Verify di 
halaman SMTP2GO. 


6) Salin API Key SMTP2Go dari menu Settings -- API Keys. Klik 
Add API Key untuk membuat API Key. Klik copy pada API 
Key yang telah dibuat. 
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Gambar: Membuat dan Menyalin API Key SMTP2GO 


7) Instal dan Aktifkan plugin SMTP2GO Plugin for WordPress. 


SMTP2GO Plugin for WordPress 


Tes GWTPAGO Wordpress phagin yua you 8 ult 


SMTPSGO 10 sernd Al emata bur ye 


Oemar 


Tera Ceper me rngapa laa 


Kaban A01 V Kompati bat dengan peni WonkiPreris Peoela 
Gambar: Plugin SMTP2GO 


8) Masuk ke menu SMTP2GO -- Settings. Atur setiap kolom 
pengaturan yang ada. Lalu klik Save Settings. 
e Centang Enabled. 
e Paste API Key yang sebelumnya telah di copy. 
» Sender Email Address diisi dengan email domain yang 
digunakan. 


» Sender Name diisi dengan nama pengirim email. 
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Sandar Urud Acirem 


Gambar: Mengatur Plugin SMTP2GO 


9) Selanjutnya lakukan pengetesan email pada tab Test. Dengan 
menggunakan layanan SMTP seperti SMTP2GO, email akan 


selalu terkirim dan tidak akan masuk spam email penerima. 


19.4. Translasi Theme/Plugin 


Dalam beberapa kasus, saya membutuhkan sebuah website dengan 
konten full berbahasa Indonesia, namun beberapa tema dan plugin 
yang saya gunakan menampilkan bahasa inggris. Kita tidak perlu 
mengubah kodingan program melaui Theme/Plugin Editor, namun 
cukup menggunakan plugin Loco Translate. 


1) Install dan Aktifkan plugin Loco Translate. 
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Gambar: Plugin Loco Translate 


2) Masuk ke menu Loco Translate -- Plugin/Theme (Pilih salah 
satu). 


3) Disini saya akan mencoba merubah kata Previous pada salah 
satu tema. 


dk by dim Br Agostus 2053 0 coretan 


Oa Ana neo anu era segeraria beernyai kala sang lak sem 
menjadikannya abu, Aku gp meng maing dengan sederhana Dengar 


menata hujan war mmesnpadd ikannya tsel 


Are: Hallo world 


Gambar: Tampilan Tema Sebelum Translasi 


Maka saya masuk ke menu Loco Translate -- Theme - Nama 
Tema. Pilih Bahasa Indonesia, jika belum ada maka klik New 
language. 
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Gambar: Membuat Bahasa Translasi Baru 


Kemudian pada Choose a language pilih Bahasa Indonesia, pada 
Choose a location pilih Custom. Kemudian klik tombol Start 
translating. 


4) Kemudian cari kata yang ingin ditranslasi. Misalnya saya cari 
kata Previous. Kemudian artikan pada kolom Bahasa Indonesia 
translation. Setelah itu klik Save. 


an Ba Dl 


Ta ia Diko ira ana ka cai dab 


Sekat 


Gambar: Melakukan Translasi Bahasa 
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5) Hasilnya kata Previous berhasil kita ubah menjadi kata 


Sebelumnya. 

ah badal 16 Agustus 2505 0 comments 

Aki Agin meet dengan sederhana Denga kata yang tak sernpat 
menadikannya abu. Aku ingin mendntaamnu dengan sederhana Dengan Ii 


kepada hujan wang menjadikannya dinda 


Sebelumnya: Hello woridi 


Gambar: Tampilan Tema Setelah Translasi 


19.5. Membuat Subdomain di cPanel 


Kita bisa membuat banyak website dengan domain yang berbeda- 
beda meskipun hanya memiliki 1 domain utama. Itu dinamakan 
dengan subdomain. Sebagai contoh saya memiliki domain 
fadillaharsa.id, namun saya bisa membuat banyak web dengan 
domain tersebut. Saya juga memiliki website dengan alamat 
tulisan.fadillaharsa.id. 


Paham kan bedanya? Ya, subdomain adalah anak dari sebuah 
domain. Biasanya terdapat penambahan kata sebelum nama 
domain utama. Contoh: 


Domain: fadillaharsa.id 
Subdomain: tulisan.fadillaharsa.id, cv.fadillaharsa.id, 
blog.fadillaharsa.id, dll. 


1) Untuk membuatnya, buka cPanel hosting, kemudian cari dan 
pilih Subdomain di kategori Domain. 
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Gambar: Memilih Subdomain di cPanel 


2) Isikan nama subdomain yang ingin dibuat, pilih domain 
induknya, dan setting root dokumennya (dapat dibiarkan 
default). Kemudian klik Buat. 


Buat Subdomain 


Subdoriiin 


oran 
Jd rata - 
Pai Dekor 


MN Kop tatap il 


Gambar: Membuat Subdomain 


19.6. Mengatur Versi PHP di cPanel 


WordPress versi terbaru, tema versi terbaru, atau plugin versi 
terbaru biasanya menyaratkan batas minimal versi PHP yang 
digunakan untuk menjalankan website WordPress kita. Saat ini 
versi PHP yang banyak digunakan adalah versi WordPress 7 ke 
atas. Untuk mengatur versi PHP, kita dapat mengaturnya di 
CPanel. 


1) Buka cPanel hosting, kemudian cari dan pilih Select PHP 
Version di kategori Perangkat Lunak. 
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Gambar: Memilih Select PHP Version di cPanel 


2) Pada bagian Current PHP version, pilih versi PHP yang ingin 
kita gunakan. Setelah itu klik Set as current. 


19.7. Mengubah Batas-batas Pengaturan PHP 


Secara default, PHP melakukan pengaturan batas-batas penggunaan 
misalnya batas upload file maksimal hanya 2 MB saja. Kita bisa 
mengubah ukuran batas-batas tersebut melalui pengaturan PHP. 


1) Buka cPanel hosting, kemudian cari dan pilih Select PHP 
Version di kategori Perangkat Lunak. Lalu masuk ke tab/menu 
Options. 


2) Saya terbiasa mengubah batas menjadi batas tertinggi yang bisa 
saya gunakan. 


Memory Limit: 512M 

Pos Max Size: 128 M 
Upload Max Size: 1G 

Max Execution Time: 100000 


19.8. Migrasi WordPress ke Hosting/Domain Baru 


Jika kamu terpaksa harus pindah ke hosting atau domain baru. 
Tidak perlu khawatir untuk memindahkan/migrasi WordPress. 
Kita bisa menggunakan plugin Migrasi semua-dalam-satu WP 
(English: All-in-One WP Migration) untuk melakukan migrasi 
tanpa ribet. 
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1) Pasang WordPress baru di hosting dan domain baru. 


2) Instal dan Aktifkan plugin Migrasi semua-dalam-satu WP di 
kedua web (sumber dan tujuan). 
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Gambar: Plugin Migrasi semua-dalam-satu WP 


3) Pada website sumber, masuk menu All-in-One WP Migration 
- Ekspor. Klik tombol EKSPOR KE, lalu pilih BERKAS. 
Tunggu proses penyiapan berkas unduhan. 


4) Unduh hasil pengarsipan ke komputer. 


Adaa Peng HA Oi in 
LUAR IT 


Gambar: Mengunduh Berkas Ekspor Website 


5) Sekarang masuk ke website barumu. Masuk ke menu All-in- 
One WP Migration -- Impor. Klik tombol IMPOR DARI, 
kemudian pilih BERKAS. Pilih berkas yang telah diunduh 
sebelumnya. Tunggu proses upload, kemudian klik tombol 
Jalankan. 
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6) Semua data WordPress baru kita akan tertimpa dengan website 
hasil ekspor. Sekarang masuk ke website baru dengan 
menggunakan akun yang terdaftar di website lama. 


7) “Tara...” Website lamamu sudah berhasil terimpor ke website 
di hosting dan domain baru. 


Tutorial WordPress 


Line (penest Dodoe Sit Meveei Ha 
Gambar: Website Baru Hasil Import dari Website Lama 


19.9. Migrasi WordPress dari Localhost ke Hosting 


Kamu bisa mengembangkan terlebih dahulu website di localhost 
untuk mengurangi beban biaya hosting. Barulah setelah website 
berhasil dikembangkan, kamu bisa migrasikan ke hosting. Caranya 
tidak begitu rumit, mari saya paparkan. 


Sebagai contoh saya telah membuat sebuah website kursus online 
di localhost sebagaimana dijelaskan pada bab kursus online. Saya 
akan memigrasikan website tersebut ke hosting dengan domain 
kursus.arsa.my.id. Yuk kita praktekkan. 


1) Pertama kita akan melakukan ekspor database. Masuk ke 
localhost/phpmyadmin/ di browser. Jangan lupa nyalakan 
XAMPPnya terlebih dahulu. Kemudian masuk ke database 
yang dipakai untuk memasang WordPress di localhost (pada 
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bab pertama, kita membuatnya dengan nama wordpress). Lalu 
pilih tab Ekspor, klik Kirim. Simpan file unduhannya. 


s8 Warga bl IK “imi Ka Id Tor aer Tar. Lega 


Mengekspor tabel dari basis data "wordpress" 


Temelik aknpasi 
Ter ala Daru Teri pang teri 
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an 


DA AA Ai TIA 


Bean Pama iis aja 


Format 
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Gambar: Ekspor Database WordPress Localhost 


2) Kedua, kita akan membuat database baru di cPanel. Pada 
bagian Database, pilih Database MySOL. 


Gambar: Database MySOL di cPanel 


Buat database baru dengan nama yang kita inginkan. Klik Buat 
Database. 
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Gambar: Membuat Database Baru 


Kemudian buat juga pengguna baru pada halaman yang sama. Klik 
Buat Pengguna. 


Tambah Pengguna Baru 


Hama pengguna 


Kata seru Olagi 


Kekuatan Oh 


Tambahkan pengguna yang telah dibuat tadi pada database yang 
juga telah kita buat. Klik Tambah. Centang SEMUA HAK, lalu klik 


Buat Perubahan. 


Sangar Kas ANU 


Gambar: Membuat Pengguna Database Baru 


Tambahkan Pengguna Ke Database 
Pengguna 


Delatisi 


Tadidati kur 
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Gambar: Menambahkan Pengguna ke Database 


3) Ketika, kita akan melakukan impor database. Di cPanel, pada 
bagian Database, masuk ke phpMyAdmin. Pilih database yang 
telah kita buat tadi. Lalu pilih tab Impor, klik Choose File. Pilih 
file hasil ekspor database yang telah kita unduh pada tahap 
pertama. Kemudian klik Kirim. 


Pi Sarektu" of Wal 4 San Kai — Ekipor el Impor 47 Opal 


Mengimpor ke dalam basis data "fadillah kursus" 


Berkas tembak mmpor 


Dapet ben rupus berrkena berkorpresi gap, bop2, apl ata dak 
de compnessed Set name mus ans Parma) compnsslon| bomole salaip 


Telu mona Aha | Ghntes Fla | mnrokoneee Fajl (Pala uas SA 
Arga juga Dapat deng gan drop sebuah fo soda halaman Para nun 


Se kare bera utf-E ter 


Gambar: Melakukan Impor Database 


Buka tabel wp options di sidebar sebelah kiri. Lalu ubah 
option value dari siteurl dan home dengan url website yang akan 
digunakan. Saya mengisinya dengan http://kursus.arsa.my.id 
sesuai domain yang akan saya pakai. 


Aa an en ui 
4 — 1 Me Mar Ni amanat 
— 
# Pa Pa Ghai im MPa Ol ab . 
Au 

Mann aa jg His £ -—. Ten ep ruang - 
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ana 23 
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Gambar: Melakukan Penyesuaian Siteurl 


IX 
— 


Selanjutnya siapkan hosting untuk website yang akan 
digunakan sesuai yang diinginkan di cPanel. Saya sendiri akan 
membuat subdomain dengan nama kursus.arsa.my.id. 
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Setelah terbuat, masuk ke Pengelola File di bagian File cPanel. 


Gambar: Pengelola File cPanel 


Masuk ke direktori domain/subdomain yang akan digunakan. 
Jika menggunakan domain utama, direktori yang digunakan 
adalah public html. 


— Es kursus.arsa.my.id 
tie .weli-known 
cgi-bin 
5) Selanjutnya kita perlu melakukan upload file dari local ke 
hosting. Caranya compress menjadi zip seluruh file website 


WordPress yang berada di direktori instalasi website localhost 
kita. Fitur ini bisa digunakan pada tab Share File Explorer. 
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Gambar: Melakukan Kompresi Zip File WordPress 


MA Peniire Dia 


6) Upload file zip tersebut ke direktori website di hosting 


it || 1gpan 3 “ag G 


walk 


can 


Gambar: Upload File WordPress di Hosting 


Kemudian, klik kanan -5 Extract -» Extract File(s). 
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Gambar: Melakukan Extract File Zip WordPress 


7) Selanjutnya lakukan editing pada file wp-config.php. Klik 
kanan pada file wp-config.php -- Edit. 


kel weconigaamele php 
KA weconta.phe 
| ak Donload 
El mecon.pbos 
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Gambar: Melakukan Edit File wp-config.php 


Ubah pengaturan nama database dan penggunanya sesuai dengan 
database dan pengguna database yang tadi telah kita buat. 
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DB NAME: Nama database. 


DB USER: Nama pengguna database. 


DB PASSWORD: Passoword pengguna database. 


8) 


Beberapa halaman website akan mengalami Error 404. Untuk 
mengatasinya masuk ke menu Pengaturan -- Permalink. Klik 
Simpan Perubahan tanpa mengubah apapun. Selamat, website 
berhasil dimigrasikan dari localhost ke hosting. 


Gambar: Website Hasil Migrasi dari Localhost 
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“C DIGITAL 


EBOOK INI HANYA UNTUK PESERTA 
KELAS WORDPRESS KURSUS DIGITAL 


1. Dilarang menyebarluaskan Ebook ini kepada orang 
lain. 

2. Dilarang membaca Ebook ini jika tidak menjadi 
peserta Kelas WordPress Kursus Digital. 

3. Penulis tidak ridho jika kedua hal di atas dilakukan. 

4. Ilmu yang diambil dari cara yang tidak baik tidak 
akan memberikan manfaat. 

5. Segala bentuk pembajakan akan dimintai 
pertanggungjawaban di akhirat. 
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BAB XX 
BONUS & INFO 


Saya ingin teman-teman merasa senang karena telah membeli buku 
ini. Untuk itu saya juga akan memberi teman-teman bonus spesial 
yang semoga dapat berguna untuk teman-teman sekalian. 


20.1. Bonus: Forum Diskusi dan Konsultasi 

Khusus pembaca buku ini, saya menyediakan forum khusus untuk 
saling bertegur sapa dan berdiskusi tentang WordPress. Saya tidak 
sungkan untuk membantu kesulitan teman-teman pembaca apabila 
saya sedang luang. Ayo bergabung di forum melalui tautan di 
bawah ini. 


https://kursusdigital.id/telegram-wordpress/ 
Password konten: BUKU WORDPRESS 


“Mohon maaf penulis tidak akan selalu dapat aktif di grup karena 
keterbatasan waktu. Namun, saya akan berusaha menyempatkan 
waktu untuk terus dapat aktif menemani diskusi dan konsultasi di 
dalam forum. 


20.2. Bonus: Kelas Online WordPress 

Gunakan kode kupon di bawah ini untuk dapat bergabung dengan 
Kelas Online WordPress secara gratis di 
kursusdigital.id/kelas/wordpress. Kelas WordPress merupakan 
duplikasi konten buku ini dalam bentuk kelas berisikan vidio 
tutorial, tutorial tekstual, dan sertifikat penyelesaian. 


Kode Kupon: BUKUWORDPRESS 


Dilarang menyalahgunakan kode kupon di atas!!! 
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20.3. Info Kursus Digital 
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Kursus Digital adalah platform pembelajaran ilmu-ilmu digital dari 
dasar hingga mahir. Kursus Digital menyediakan beragam kursus 
ilmu digital dengan jaminan materi terlengkap dan biaya termurah. 
Kursus Digital dapat kamu akses melalui alamat kursusdigital.id. 


Kursus Digital merupakan salah satu platform digital yang dikelola 
oleh penulis. Salah satu kelas yang tersedia pada platform ini adalah 
kelas online belajar WordPress dari dasar hingga mahir yang saat 
ini telah menjadi kelas WordPress terbesar, termurah, dan 
terlengkap se-Indonesia. 


Ayo, ikuti kelas-kelas tentang dunia digital di Kursus Digital. 
Jangan lupa ajak teman-temanmu ya & 


https://kursusdigital.id 


20.4. Info Jasa Desain Grafis 


Saya sangat berterima kasih kepada mas Andri Eko Nurcahyo 
karena telah membuat desain cover buku ini dengan sangat baik. 
Buat teman-teman yang membutuhkan jasa desain grafis mas 
Andri. Bisa melihat portofolio dan menghubungi melalui: 


WhatsApp: #6285600952132 
Instagram: @noorshine.std 
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TENTANG PENULIS 


Muhammad Fadillah Arsa, S.Kom. 


Muhammad Fadillah Arsa 
merupakan seorang pemuda yang 
bergelut di bidang informatika, 
sistem informasi, dan bisnis. Saat 
ini, pemuda kelahiran 1999 ini 
berdomisili di Katapang Kabupaten 


Bandung. Arsa memiliki hobi 
menulis dan mengembangkan 
website. 


Arsa sudah aktif menekuni pengembangan website dengan 
menggunakan WordPress sejak ia masih berada di jenjang SMA 
kelas 10 (2014). Sejak tahun 2017, Arsa terjun ke dalam dunia bloger 
professional. Tak jarang ia menjadi juara dalam lomba-lomba 
menulis blog tingkat nasional. 


Saat ini, Arsa fokus mengembangkan beberapa bisnis kategori 
platform digital baik secara mandiri maupun bersama kawan- 
kawannya. 


Arsa sangat senang berdiskusi dan bertegur sapa. Ia dapat 
dihubungi melalui email arsabandung@gmail.com, whatsapp 
087857483330, dan melalui website pribadinya 
www .fadillaharsa.id. 
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